123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450 |
- <?php
- use yii\helpers\Url;
- use yii\helpers\Html;
- ?>
- <!doctype html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>工地详情</title>
- <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
- <?= Html::cssFile('@web/css/weui.min.css') ?>
- <?= Html::cssFile('@web/css/jquery-weui.min.css') ?>
- <?= Html::cssFile('@web/css/base.css') ?>
- <?= Html::cssFile('@web/iconfont/iconfont.css') ?>
- <?= Html::cssFile('@web/css/swiper-3.4.2.min.css') ?>
- </head>
- <style>
- /*.cancel{color: #9d9d9d;important;}*/
- .hide{display: none};
- </style>
- <body>
- <div class="show-box">
- <div class="banner">
- <div class="swiper-container">
- <div class="swiper-wrapper">
- <?php if(!empty($datas->allimg)):?>
- <?php foreach($datas->allimg as $image):?>
- <div class="swiper-slide">
- <img src="<?=empty($image->pic)?\common\models\Building::DEFAULT_PIC:Yii::getAlias('@imgdomain').'/'.$image->pic?>"/>
- </div>
- <?php endforeach;?>
- <?php else:?>
- <img src="<?=\common\models\Building::DEFAULT_PIC?>"/>
- <?php endif;?>
- </div>
- <div class="swiper-pagination"></div>
- <?php if($type==1): ?>
- <div class="back"><a href="<?= Url::toRoute(['site/index']) ?>"><img src="<?= Yii::getAlias('@web') ?>/images/round_left_fill.png" alt=""></a></div>
- <?php endif; ?>
- </div>
- <div class="title">
- <?=empty($datas->name)?'':$datas->name?>
- <span>距离:<?=empty($distance)?'': sprintf("%.1f", $distance/1000) ?>km </span>
- </div>
- </div>
- <div class="info-box">
- <h2><i class="iconfont icon-biaotiwenzitubiao"></i>基础信息</h2>
- <div class="weui-flex basic-info">
- <div class="weui-flex__item">
- <span>户型</span>
- <?=empty($datas->layout)?'':$datas->layout?>
- </div>
- <div class="weui-flex__item">
- <span>单价</span>
- <?=empty($datas->budget)?'':$datas->budget.'元/平方'?>
- </div>
- </div>
- <div class="weui-flex basic-info">
- <!-- <div class="weui-flex__item">
- <span>类型</span>
- <?/*=empty($datas->pattern)?'':$datas->pattern*/?>
- </div>-->
- <div class="weui-flex__item">
- <span>风格</span>
- <?=empty($datas->style)?'':$datas->style?>
- </div>
- <div class="weui-flex__item">
- <span>户型面积</span>
- <?=empty($datas->acreage)?'':$datas->acreage.'㎡'?>
- </div>
- </div>
- <div class="weui-flex basic-info">
- <?php if($datas->type==\common\models\Building::TYPE_SITE):?>
- <div class="weui-flex__item">
- <span>装修进度</span>
- <b> <?=empty($datas->stage)?'':$datas->stage?></b>
- </div>
- <div class="weui-flex__item">
- <span>装修模式</span>
- <?=empty($datas->pattern )?'':$datas->pattern?>
- </div>
- <?php endif;?>
- </div>
- <div class="address">
- <a href="<?=Url::toRoute(['building/buildingposition','lat'=>$datas->latitude,'lng'=>$datas->longitude,'type'=>$datas->type]);?>">
- <i class="iconfont icon-fangzi"></i>
- <?=empty($datas->address)?'':$datas->address?>
- <i class="iconfont icon-gengduo"></i>
- </a>
- </div>
- </div>
- <div class="info-box">
- <div class="yy-date">
- <div class="left">
- 可约时间
- </div>
- <div class="right">
- <?=empty($datas->opening_begin)?'':date('Y-m-d',$datas->opening_begin)?>至 <?=empty($datas->opening_end)?'':date('Y-m-d',$datas->opening_end)?>
- </div>
- </div>
- </div>
- <div class="info-box">
- <div class="weui-flex role">
- <div class="weui-flex__item">
- <? $designer = isset($datas->designer)?$datas->designer:'';?>
- <? $dImage = isset($designer->image)?$designer->image:'';?>
- <? $user = isset($designer->user)?$designer->user:'';?>
- <? $company = isset($user->usercompany)?$user->usercompany:'';?>
- <a href="<?=Url::toRoute(['building/designer','id'=>$datas->designer_id]);?>">
- <div class="img dg"><img src="<?=empty($dImage->pic)?\common\models\User::DEFAULT_FACE:\common\models\UserInfo::imagesUrl($dImage->pic)?>" /></div>
- <p><?=empty($designer->realname)?'':$designer->realname?></p>
- <p class="small">设计师</p>
- </a>
- </div>
- <div class="weui-flex__item">
- <? $manager = isset($datas->manager)?$datas->manager:'';?>
- <? $mImage = isset($manager->image)?$manager->image:'';?>
- <? $user = isset($manager->user)?$manager->user:'';?>
- <? $company = isset($user->usercompany)?$user->usercompany:'';?>
- <a href="<?=Url::toRoute(['building/manager','id'=>$datas->manager_id]);?>">
- <div class="img pm"><img src="<?=empty($mImage->pic)?\common\models\User::DEFAULT_FACE:\common\models\UserInfo::imagesUrl($mImage->pic)?>" /></div>
- <p><?=empty($manager->realname)?'':$manager->realname?></p>
- <p class="small">项目经理</p>
- </a>
- </div>
- </div>
- </div>
- <div class="info-box">
- <? $flat = isset($datas->flat)?$datas->flat:'';?>
- <h2><i class="iconfont icon-biaotiwenzitubiao"></i>户型图</h2>
- <div class="hx-img">
- <img src="<?=empty($flat->pic)?'':Yii::getAlias('@imgdomain').'/'.$flat->pic?>">
- </div>
- </div>
- <div class="info-box">
- <h2><i class="iconfont icon-biaotiwenzitubiao"></i>附近推荐</h2>
- <ul class="recommend">
- <?php if(!empty($nearlist)):?>
- <?php foreach($nearlist as $building):?>
- <li>
- <a href="<?=Url::toRoute(['building/detail','id'=>$building['id']]);?>">
- <?php if(!empty($building['image'])):?>
- <?php $images = $building['image'];?>
- <img src="<?=empty($images[0]['pic'])?\common\models\Building::DEFAULT_PIC:Yii::getAlias('@imgdomain').'/'.$images[0]['pic']?>"/>
- <?php else:?>
- <img src="<?=\common\models\Building::DEFAULT_PIC?>" />
- <?php endif;?>
- <div class="re-info">
- <h3><?= $building['name']." ".$building['layout'] ?></h3>
- <div>
- <p><i class="iconfont icon-fangzi"></i><?= $building['acreage'] ?>㎡</p>
- <p class="right">距离 <?= sprintf("%.1f",$building['distance']/1000) ?>km</p>
- </div>
- </div>
- </a>
- </li>
- <?php endforeach;?>
- <?php endif;?>
- </ul>
- </div>
- <div class="info-box">
- <h2><i class="iconfont icon-biaotiwenzitubiao"></i>所有评论</h2>
- <ul class="comment">
- <?php if(!empty($comments)):?>
- <?php foreach($comments as $comment):?>
- <li>
- <div class="name">
- <div class="img">
- <? $userInfo = isset($comment->userinfo)?$comment->userinfo:'';?>
- <img src="<?=empty($userInfo->portrait)?\common\models\User::DEFAULT_FACE:\common\models\UserInfo::imagesUrl($userInfo->portrait)?>" />
- <div class="xj">
- <?php $start = empty($comment->star)?'0':$comment->star?>
- <?php for($i=0;$i<$start;$i++):?>
- <i class="iconfont icon-xing1"></i>
- <?php endfor;?>
- <!-- <i class="iconfont icon-xing1"></i>-->
- <!-- <i class="iconfont icon-xing1"></i>-->
- </div>
- </div>
- <div class="details">
- <p><?=empty($userInfo->nickname)?'':$userInfo->nickname?><span class="right"> <?php echo \common\models\Comment::time_tran($comment->created_at); ?></span></p>
- <p><?=empty($comment->content)?'':$comment->content?></p>
- <?php if(isset($comment->reply)):?>
- <?php foreach($comment->reply as $reply):?>
- <?php
- $fromuser = isset($reply->fromuser)?$reply->fromuser:'';
- $touser = isset($reply->touser)?$reply->touser:'';
- if($fromuser->role==\common\models\User::USER_ROLE_COMMON){
- $fromname = isset($fromuser->userinfo)?$fromuser->userinfo:'';
- $toname = isset($touser->usercompany)?$touser->usercompany:'';?>
- <div class="reply" style="">
- <a href="#"><?=empty($fromname->nickname)?'':$fromname->nickname?></a> 回复 <a href="#"><?=empty($toname->company)?'':$toname->company?></a><?=empty($reply->content)?'':$reply->content?>
- <span style="float: right;"><?php echo \common\models\Comment::time_tran($reply->created_at); ?></span>
- </div>
- <?php }elseif($fromuser->role==\common\models\User::USER_ROLE_DECORATE){
- $fromname = isset($fromuser->usercompany)?$fromuser->usercompany:'';
- $toname = isset($touser->userinfo)?$touser->userinfo:'';?>
- <div class="reply">
- <a href="#"><?=empty($fromname->company)?'':$fromname->company?></a> 回复 <a href="#"><?=empty($toname->nickname)?'':$toname->nickname?></a> <?=empty($reply->content)?'':$reply->content?>
- <span style="float: right;"><?php echo \common\models\Comment::time_tran($reply->created_at); ?></span>
- </div>
- <?php }?>
- <?php endforeach;?>
- <?php endif?>
- </div>
- </div>
- </li>
- <?php endforeach;?>
- <?php endif?>
- <!-- <li>-->
- <!-- <div class="name">-->
- <!-- <div class="img">-->
- <!-- <img src="../images/touxiang.jpg" />-->
- <!-- <div class="xj">-->
- <!-- <i class="iconfont icon-xing1"></i>-->
- <!-- <i class="iconfont icon-xing1"></i>-->
- <!-- <i class="iconfont icon-xing1"></i>-->
- <!-- </div>-->
- <!-- </div>-->
- <!-- <div class="details">-->
- <!-- <p>张伟明<span class="right">28分钟前</span></p>-->
- <!-- <p>房子还不错,看了很喜欢</p>-->
- <!-- <div class="reply">-->
- <!-- <a href="#">万亿达装饰</a> 回复 <a href="#">张伟明</a> 谢谢,我们会做得更好欢迎下次再来。-->
- <!-- </div>-->
- <!-- </div>-->
- <!-- </div>-->
- <!-- </li>-->
- <!-- <li>-->
- <!-- <div class="name">-->
- <!-- <div class="img">-->
- <!-- <img src="../images/touxiang.jpg" />-->
- <!-- <div class="xj">-->
- <!-- <i class="iconfont icon-xing1"></i>-->
- <!-- <i class="iconfont icon-xing1"></i>-->
- <!-- <i class="iconfont icon-xing1"></i>-->
- <!-- </div>-->
- <!-- </div>-->
- <!-- <div class="details">-->
- <!-- <p>张伟明<span class="right">28分钟前</span></p>-->
- <!-- <p>房子还不错,看了很喜欢</p>-->
- <!-- </div>-->
- <!-- </div>-->
- <!-- </li>-->
- </ul>
- </div>
- <div class="weui-flex show-bottom">
- <div class="weui-flex__item left">
- <a href="<?=Url::toRoute(['building/evaluate','type'=>$datas->type,'id'=>$datas->id]);?>"><i class="iconfont icon-pingjia"></i>评价</a>
- </div>
- <div class="weui-flex__item right yy <?=empty($arr)?'show':'hide'?>">
- <a href="javascript:;" class="yy-btn"><i class="iconfont icon-xingzhuang97kaobei5"></i>预约</a>
- </div>
- <div class="weui-flex__item right qxyy <?= empty($arr)?'hide':'show'?>" style="">
- <a class="cancel" href="javascript:;">取消预约</a>
- </div>
- </div>
- </div>
- </div>
- <?= Html::jsFile('@web/js/jquery.min.js') ?>
- <?= Html::jsFile('@web/js/jquery-weui.min.js') ?>
- <?= Html::jsFile('@web/js/swiper-3.4.2.min.js') ?>
- <script>
- //banner
- var swiper = new Swiper('.swiper-container',{
- pagination : '.swiper-pagination'
- });
- var tel = '<?=empty($usertel)?'':$usertel?>';
- //预约弹出层
- $('.show-bottom .yy-btn').click(function () {
- if(tel=='')
- {
- window.location.href = "<?=Url::toRoute(['user/usertel','id'=>$datas->id]);?>";
- return false;
- }
- var time = '';
- $('body').append('<div class="p_bg" style="display: block;"></div><div class="date"><input class="weui-input" id="time-inline" type="text" value="" readonly><div class="title">可预约时间<span>(<?=empty($datas->opening_begin)?'':date('Y-m-d',$datas->opening_begin)?>至 <?=empty($datas->opening_end)?'':date('Y-m-d',$datas->opening_end)?>)</span></div><div id="time-container"></div><div class="date-btn"><a href="#" id="cancel" class="close-date">取消</a><a id="subscribe" href="javascript:;">马上预约</a></div></div>');
- $("#time-inline").datetimePicker({
- container: '#time-container',
- onChange: function (picker, values, displayValues) {
- // console.log(values);
- // time =values[0]+values[1]+values[2]+values[3]+values[4];
- var a = values;
- var a1 = a.slice(0, 3);
- var a2 = a.slice(3, 5);
- var date = a1.join("/")+' '+a2.join(":");
- time = (new Date(date)).getTime()/1000;//苹果不兼容
- }
- });
- $('.date #subscribe').click(function(){
- if(tel==''){
- window.location.href = "<?=Url::toRoute(['user/usertel','id'=>$datas->id]);?>";
- }else{
- var nowTime = <?=time()?>;
- var pid = <?=empty($datas->id)?'':$datas->id?>;
- var type = <?=empty($datas->type)?'':$datas->type?>;
- var begin = <?=empty($datas->opening_begin)?time():$datas->opening_begin?>;
- var end = <?=empty($datas->opening_end)?'':$datas->opening_end?>;
- // $.ajax({
- // url: '<?//=Url::toRoute(['building/checktime'])?>//',
- // type: 'POST',
- // dataType:"json",
- // data: {pid:pid,time:time, '_csrf-frontend': '<?//=Yii::$app->request->getCsrfToken();?>//'},
- // success: function (data) {
- // if(data.sign==0){
- // alert(data.msg);
- // lock = false;
- // return false;
- // }else if(data.sign==1){
- // lock = true;
- // }
- // }
- // });
- // console.log(time,nowTime);
- var lock = true;
- if(time<nowTime-60){
- $.alert('请选择当前时间后面的时间');
- $('.date,.p_bg').remove();
- return false;
- }
- if(time<begin||time>end){
- $.alert('请选择可预约时间内');
- $('.date,.p_bg').remove();
- return false;
- }
- if(lock){
- lock = false;
- $.ajax({
- url: '<?=Url::toRoute(['building/appointment'])?>',
- type: 'POST',
- dataType:"json",
- data: {pid:pid,type:type,time:time, '_csrf-frontend': '<?=Yii::$app->request->getCsrfToken();?>'},
- success: function (data) {
- if(data.sign==0){
- $('.date,.p_bg').remove();
- alert(data.msg);
- }else if(data.sign==1){
- <?php if($datas->type == \common\models\Building::TYPE_SITE): ?>
- $.confirm("预约成功,是否导航去工地", function() {
- //点击确认后的回调函数
- window.location.href = "<?=Url::toRoute(['building/buildingposition','lat'=>$datas->latitude,'lng'=>$datas->longitude,'type'=>$datas->type]);?>";
- }, function() {
- //点击取消后的回调函数
- });
- <?php else: ?>
- $.alert('预约成功');
- <?php endif; ?>
- $('.date,.p_bg').remove();
- $('.yy').addClass('hide');
- $('.qxyy').removeClass('hide');
- }
- }
- });
- }
- }
- });
- $('.date .close-date').click(function () {
- $('.date,.p_bg').remove();
- });
- });
- $('.cancel').click(function(){
- $.confirm("确定取消预约吗?", function() {
- var pid = <?=empty($datas->id)?'':$datas->id?>;
- $.ajax({
- url: '<?=Url::toRoute(['building/cancelappointment'])?>',
- type: 'POST',
- dataType:"json",
- data: {pid:pid, '_csrf-frontend': '<?=Yii::$app->request->getCsrfToken();?>'},
- success: function (data) {
- if(data.sign==0){
- alert(data.msg);
- }else if(data.sign==1){
- $.alert('取消成功');
- $('.yy').removeClass('hide');
- $('.qxyy').addClass('hide');
- }
- }
- });
- }, function() {
- //点击取消后的回调函数
- });
- })
- </script>
- <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
- <script type="text/javascript">
- wx.config({
- debug: false,
- appId: '<?= $signPackage['appId']; ?>', // 必填,公众号的唯一标识
- timestamp:<?= $signPackage['timestamp']; ?>, // 必填,生成签名的
- nonceStr: '<?= $signPackage['nonceStr']; ?>', // 必填,生成签名的
- signature: '<?= $signPackage['signature'];?>',
- jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage']
- });
- wx.ready(function() {
- var link = "<?= Yii::$app->request->getHostInfo().Yii::$app->request->url."&type=1" ?>";
- var title = '<?=empty($datas->name)?'':$datas->name?>';
- var imgUrl ="<?=!empty($datas->all->pic)?Yii::getAlias('@imgdomain').$datas->all->pic:""?>";
- wx.onMenuShareTimeline({
- title: title, // 分享标题
- link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
- imgUrl: imgUrl, // 分享图标
- success: function () {
- }
- });
- wx.onMenuShareAppMessage({
- title: title, // 分享标题
- desc: title, // 分享描述
- link:link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
- imgUrl: imgUrl, // 分享图标
- success: function () {
- // 用户确认分享后执行的回调函数
- }
- });
- });
- </script>
- <style>
- .show-box .banner .back{
- width: 2rem;
- height: 2rem;
- position: absolute;
- left: 1rem;
- top: 1rem;
- z-index: 99999;
- }
- .show-box .banner .back a{
- display: block;
- }
- .show-box .banner .back a img{
- width: 100%;
- height: 100%;
- vertical-align: top;
- }
- </style>
- </body>
- </html>
|