|
Server : nginx/1.20.1 System : Linux iZ2ze9ojcl78uluczwag69Z 4.18.0-240.22.1.el8_3.x86_64 #1 SMP Thu Apr 8 19:01:30 UTC 2021 x86_64 User : www ( 1000) PHP Version : 7.3.28 Disable Function : passthru,exec,system,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv Directory : /www/wwwroot/0531yanglao.com/templates/wap/ |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{$data.seo_t}</title>
<meta name="Description" content="{$data.seo_d}" />
<meta name="Keywords" content="{$data.seo_k}" />
<!-- <link rel="stylesheet/less" href="less.less" />
<script src="https://cdn.bootcdn.net/ajax/libs/less.js/4.1.2/less.min.js"></script> -->
<base href="{:server_url()}" />
<link rel="stylesheet" href="./css/appstyle.css" />
<!-- <link rel="stylesheet" href="./css/swiper.min.css" /> -->
<link rel="stylesheet" href="./css/swiper-bundle.css">
<script src="./js/swiper-bundle.js"></script>
<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=BzRSIItkozQGMU95cFMBROe8zEC33XfX"></script>
<script src="http://api.map.baidu.com/library/RectangleZoom/1.2/src/RectangleZoom_min.js"></script>
</head>
<style>
main{
background: #f5f5f5;
}
.lvxq {
width: 100%;
margin: 0 auto;
}
.BMap_bubble_title{
font-size: 18px!important;
line-height: 50px!important;
background: pink;
line-height: 60px;
overflow: hidden;
height: 30px;
white-space: nowrap;
color: rgb(51, 51, 51);
}
.BMap_bubble_pop img{
z-index: 1;
position: absolute;
width: 45px!important;
height: 18px!important;
left: 124px!important;
top: 144px!important;
/* background: pink; */
}
.BMap_bubble_pop{
width: 267px!important;
left: 53px!important;
top: 72px!important;
background: pink!important;
}
.BMap_bubble_content{
width: 231px!important;
}
</style>
<body>
<!-- 顶部 -->
<div class="dingbu">
<img src="images/fanhui.png" onclick="goBack()" />
<h4>{$data.title}
</h4>
<img src="images/nav.png" class="but" />
{include file='navi'}
</div>
<header></header>
<main>
<div class="lvxq">
<div class="yanglaoyuan_swiper">
<div class="swiper mySwiper2">
<div class="swiper-wrapper">
{foreach name='data.pics' item='item' key='key'}
<div class="swiper-slide"><img src="{$item.url}"></div>
{/foreach}
</div>
<!-- <div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div> -->
<div class="swiper-pagination"></div>
</div>
<h3>{$data.title}<span>评价({:count($data.comments)})</span></h3>
<li>
<!-- 地图坐标{$data.lng},{$data.lat} -->
<p>地址：<span>{$data.address}</span></p>
<!--<a onclick="document.getElementById('lianxiwomen').focus()"><img src="./image/index04.svg" alt=""><span style="border-bottom: 1px solid #e38944;">查看地图</span></a>-->
</li>
<div class="btns">
{foreach name='data.tags_name' item='item' key='key'}
<h5 class="btn0{$key + 1}"><img src="./image/duihao0{$key + 1}.svg" alt="" />{$item}</h5>
{/foreach}
</div>
<p class="price">{$data.min_price}-{$data.max_price}元/月</p>
<ul class="bili">
<li>机构类型：{$data.type_name} </li>
<li>机构性质：{$data.lnstitutional_nature_name} </li>
<li>总床位数：{$data.beds}张 <button>查询剩余床位数</button> </li>
<li>成立时间：</li>
<p>收住对象：{:implode(' ', $data.retract_objects_name)}</p>
<!--<li>{$data.beds}张 <span>床位</span></li>|-->
<!--<li>{$data.lnstitutional_nature_name} <span>机构资质</span></li>|-->
<!--<li>{$data.type_name} <span>机构类型</span></li>-->
</ul>
<div class="anniu">
<button type="button"><img src="images/shoiji.png" >立即咨询</button>
<button type="button"><img src="images/duanxin.png" >在线咨询</button>
</div>
</div>
<img src="images/yizhanshifuwu.png" class="yizhanshi" alt="一站式服务，解决多重养老需求">
<div class="tab-nursing">
<ul>
<li class="two"><a onclick="document.getElementById('jigoujianjie').focus()">机构介绍</a></li>
<li ><a onclick="document.getElementById('fuwuxiangmu').focus()">服务项目</a> </li>
<li> <a onclick="document.getElementById('shoufeibiaozhun').focus()">收费标准</a></li>
<li> <a onclick="document.getElementById('ruzhuxuzhi').focus()">入住须知</a></li>
<li ><a onclick="document.getElementById('peitaosheshi').focus()">配套设施</a></li>
<li><a onclick="document.getElementById('lianxiwomen').focus()">联系我们</a></li>
<li><a onclick="document.getElementById('jigouzixun').focus()">机构资讯</a></li>
<li ><a onclick="document.getElementById('kehudianping').focus()">客户点评</a> </li>
<!--<li class="two"><a href="#jigoujianjie">机构介绍</a></li>-->
<!--<li ><a href="#fuwuxiangmu">服务项目</a> </li>-->
<!--<li> <a href="#shoufeibiaozhun">收费标准</a></li>-->
<!--<li> <a href="#ruzhuxuzhi">入住须知</a></li>-->
<!--<li ><a href="#peitaosheshi" >配套设施</a></li>-->
<!--<li><a href="#lianxiwomen" >联系我们</a></li>-->
<!--<li><a href="#jigouzixun">机构资讯</a></li>-->
<!--<li ><a href="#kehudianping" >客户点评</a> </li>-->
</ul>
</div>
<div class="yanglaoyuan_content">
<div class="neirong">
<div><a name="jigoujianjie"></a> <h3><a href="javascript:void(0)" id="jigoujianjie">机构介绍</a></h3>
<p>{$data.content | raw}
</p></div>
<div>
<img src="./images/banner6.png" class="app_imgage">
</div>
<div>
<a name="fuwuxiangmu"></a>
<h3><a href="javascript:void(0)" id="fuwuxiangmu">服务项目</a></h3>
<p>{$data.service_content | raw}</p>
</div>
<div>
<a name="shoufeibiaozhun"></a>
<h3><a href="javascript:void(0)" id="shoufeibiaozhun">收费标准</a></h3>
<p></p>
</div>
<div>
<a name="ruzhuxuzhi"></a>
<h3><a href="javascript:void(0)" id="ruzhuxuzhi">入住须知</a></h3>
<p>{$data.notice_content | raw}</p>
</div>
<div>
<a name="peitaosheshi"></a>
<h3><a href="javascript:void(0)" id="peitaosheshi">配套设施</a></h3>
<p></p>
</div>
<div class="lianxi">
<a name="lianxiwomen"></a>
<h3><a href="javascript:void(0)" id="lianxiwomen">联系我们</a></h3>
<ol style="width: 100%;height: 500px;;border:#ccc solid 1px;" id="allmap"></ol>
<p></p>
</div>
<div>
<a name="jigouzixun"></a>
<h3><a href="javascript:void(0)" id="jigouzixun">机构资讯</a></h3>
<ul class="jigouzixun">
<li><img src="./images/enen.png" alt="" /></li>
<li><h4>什么时候父母需要离开家庭去养老院养
老？</h4>
<span>2021-11-11</span>
</li>
</ul>
<ul class="jigouzixun">
<li><img src="./images/enen.png" alt="" /></li>
<li><h4>什么时候父母需要离开家庭去养老院养
老？</h4>
<span>2021-11-11</span>
</li>
</ul>
</div>
<div>
<div class="dianping" id="dianping2">
<a name="kehudianping"></a>
<ol>
<h3><a href="javascript:void(0)" id="kehudianping">客户点评</a><span>({:count($data.comments)})</span></h3>
<li><img src="images/pinglun.png">写评论</li>
</ol>
<ul class="pinglun">
<li><span>⭐⭐⭐⭐⭐</span> 综合评分：{$data.comprehensive_score}
分
</li>
<li>服务评分</span>{$data.service_score}分<span> 服务水平</span>{$data.service_level}分<span> 综合评分：{$data.comprehensive_score}</span>
</li>
</ul>
{foreach name='data.comments' item='item' key='key'}
<div>
<li class="app_title"><img src="{$item.avatar}"></li>
<ul>
<li>{$item.name}<input type="button" name="" id="" value="实看用户" /></li>
<li>
<p>{$item.content}</p>
</li>
</ul>
</div>
{/foreach}
</div>
</div>
<div>
<h3>市中区机构推荐</h3>
<div class="tuijian">
<ul>
{foreach name='recommend_1' item='item' key='key'}
<a href="{:url('/nursingHome/detail',['id'=>$item.nid])}">
<li><img src="{$item.filename}">
<!--<div>{$item.title}</div>-->
</li>
<li>
<h4>{$item.title}</h4>
<p><span>￥{$item.min_price}</span>/月</p>
<p class="mapp"><img src="image/weizhitubiao.svg" /> {:implode('', $item.location_name)}</p>
<ol class="xinjia">
<span><img src="./image/index01.svg" alt="" />{$item.type_name}<strong>|</strong></span>
<span><img src="./image/index02.svg" alt="" />{$item.beds}张</span>
</ol>
</li>
</a>
{/foreach}
</ul>
</div>
</div>
</div>
</div>
<div class="wap">
</div>
</div>
</main>
{include file='footer'}
</body>
<script src="./js/jquery-3.6.0.js"></script>
<!-- <script src="./js/swiper.min.js"></script> -->
<script src="./js/appstyle.js"></script>
<script src="./js/page.js"></script>
<script>
// 百度地图API功能
var map = new BMapGL.Map('allmap');
var point = new BMapGL.Point({$data.lng},{$data.lat});
map.centerAndZoom(point, 14);
// 创建点标记
var marker = new BMapGL.Marker(point);
map.addOverlay(marker);
// 创建信息窗口
var opts = {
height:50,
title: '{$data.title}'
};
var infoWindow = new BMapGL.InfoWindow('地址：{$data.address}', opts);
map.openInfoWindow(infoWindow, point); // 开启信息窗口
// 点标记添加点击事件
marker.addEventListener('click', function () {
map.openInfoWindow(infoWindow, point); // 开启信息窗口
});
// $('.allmap').each(function(){
// var id=$(this).attr('id');
// var map = new BMap.Map(id);
// var point = new BMap.Point({$data.lng},{$data.lat});
// map.centerAndZoom(point, 16);
// map.enableScrollWheelZoom(true);
// var myIcon = new BMap.Icon("/images/ditu-dian.png", new BMap.Size(39, 25));
// var marker = new BMap.Marker(point, { icon: myIcon });
// map.addOverlay(marker);
// marker.setAnimation(BMAP_ANIMATION_BOUNCE);
// zidingyi(point,'{{$data.title}}');
// // 页面添加覆盖层
// function zidingyi(point,p_ming,id){
// // console.log(point,longitude,latitude,id,clas1,p_ming,p_tao,p_qian,zhangtai);
// function SquareOverlay(point,p_ming,id){
// // 定义自定义覆盖物的构造函数
// this._point = point;
// p_ming=p_ming;
// // p_tao=p_tao;
// this._length=1;
// }
// // 继承API的BMap.Overlay
// SquareOverlay.prototype = new BMap.Overlay();
// SquareOverlay.prototype.initialize = function(map){
// // 保存map对象实例
// this._map = map;
// var point = new BMap.Point(this._point);
// // 创建div元素，作为自定义覆盖物的容器
// var label = document.createElement("label");
// label.style.position = "absolute";
// label.style.whiteSpace = "nowrap";
// label.style.zIndex = "2";
// label.style.cursor = "pointer";
// var title = document.createElement("p");
// title.setAttribute("class",'title');
// var titles=document.createTextNode(p_ming);
// title.appendChild(titles);
// label.appendChild(title);
// // 将div添加到覆盖物容器中
// label.mouseover = function(){
// this.style.borderColor = "#000000";
// }
// map.getPanes().markerPane.appendChild(label);
// // 保存div实例
// this._label = label;
// // 需要将div元素作为方法的返回值，当调用该覆盖物的show、
// // hide方法，或者对覆盖物进行移除时，API都将操作此元素。
// return label;
// }
// // 实现初始化方法
// SquareOverlay.prototype.draw = function(){
// // 根据地理坐标转换为像素坐标，并设置给容器
// var position = this._map.pointToOverlayPixel(this._point);
// this._label.style.left = position.x - this._length / 2 + "px";
// this._label.style.top = position.y - this._length / 2 + "px";
// }
// SquareOverlay.prototype.addEventListener = function(event,fun){
// this._div[event] = fun;
// mySquare.addEventListener("mouseover", function(e){});
// mySquare.addEventListener("mouseout", function(e){});
// }
// var mySquare = new SquareOverlay(point,length);
// map.addOverlay(mySquare);
// };
// });
box("#box5");
</script>
</html>