|
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/index/ |
<!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}" />
<base href="{:server_url()}" />
<link rel="stylesheet" href="./css/style.css" />
<link rel="stylesheet" href="./css/swiper.min.css" />
<script src="/js/map.js"></script>
<script src="./js/jquery-3.6.0.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=BzRSIItkozQGMU95cFMBROe8zEC33XfX"></script>
<script src="./js/clipboard.min.js"></script>
</head>
<style>
.rmtj_content {
width: 100% !important;
background-color: #f5f5f5;
padding: 20px 0;
}
.rmtj_content .wrap {
width: 1200px !important;
margin: 0 auto;
}
@media all and (max-width: 768px) {
.lianxiwomen, .dianping {
width: 100%;
}
.yycg {
width: 100%;
flex-direction: column;
padding: 0;
}
.yycg_left {
width: 100%;
height: 100%;
}
.yycg_right {
height: 100%;
width: 100%;
}
.yanglaotitle {
font-size: 17px !important;
}
.top-div h5 {
font-size: 12px;
}
.top-div h5 p {
font-size: 12px;
}
.h52 {
width: 100%;
color: #666666;
font-size: 15px;
margin: 10px 0 10px 0;
}
.button1 h5 {
margin-right: 10px;
font-size: 14px;
}
.button1 h5 img {
margin-right: 5px;
height: 19px;
width: auto;
}
.dandudiv {
padding: 0 0 10px 0;
}
.shijan {
align-items: center;
font-size: 17px;
}
.bili {
display: flex;
justify-content: center;
align-items: flex-start;
margin: 5px 0 10px 0;
line-height: 25px;
flex-direction: column;
}
/*.bili li {*/
/* width: 100%;*/
/* display: flex;*/
/* font-weight: 500!important;*/
/* font-size: 15px;*/
/* color: #333333;*/
/* justify-content: flex-start;*/
/* align-items: center;*/
/* flex-direction: row;*/
/* border-bottom: 1px solid #e6e6e6;*/
/* padding: 7px 10px;*/
/* margin: 0;*/
/*}*/
.bili li {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr 3fr;
grid-template-rows: 1fr;
gap: 10px 10px;
font-weight: 500!important;
font-size: 15px;
color: #333333;
justify-content: flex-start;
align-items: center;
flex-direction: row;
border-bottom: 1px solid #e6e6e6;
padding: 7px 10px;
margin: 0;
}
.bili li span {
font-weight: 500!important;
font-size: 14px!important;
margin-left: 5px;
color: #333333;
}
.bili li:last-child{
display: block;
}
.wapbeds{
display: block;
}
.neirong {
width: 100%;
height: 100%;
}
.fansi {
width: 100%;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.tab-nursing {
width: 100%;
/* position: relative; */
height: auto;
z-index: 99;
flex-wrap: wrap
}
.section {
padding: 10px;
}
.neirong2 {
width: 100%;
}
.tab-nursing ul {
width: 100%;
display: flex;
border: 0!important;
flex-wrap: wrap;
}
.neirong li {
padding: 10px;
}
.jigoutuijian ul div {
box-sizing: border-box;
display: grid;
grid-template-columns: 2fr 2fr;
grid-template-rows: 1fr;
gap: 10px 10px;
justify-content: space-between;
align-items: center;
width: 100%;
height: auto;
}
.xinjia span:last-child {
display: block;
}
.button-group li {
/* width: 100%; */
height: 100%;
line-height: 33px;
padding: 9px 9px;
}
.dianping{
display: none;
}
}
</style>
<script>
$(function() {
$('#lv').addClass('current')
});
</script>
<body>
<!-- 头部 -->
{include file='header'}
<main class="yanglaoyuan">
<div class="f_home">
<h4>首页/旅居养老/{$data.title}</h4>
</div>
<div class="f_home">
<!-- 预约参观 -->
<div class="yycg">
<div class="yycg_left">
<!--<img class="bottomImg" src="{$data.pics[0]['url'] ?? ''}" alt="" title="">-->
<!--<li>-->
<!-- {foreach name='data.pics' item='item' key='key'}-->
<!-- <img class="smallImg" src="{$item.url}" alt="{$item.url}" />-->
<!-- {/foreach}-->
<div class="swiper mySwiper2">
<div class="swiper-wrapper">
{foreach name='data.pics' item='item' key='key'}
<div class="swiper-slide">
<img class="smallImg" src="{$item.url}" alt="{$item.url}" />
</div> {/foreach}
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="yycg_right warpb">
<!-- <div class="rmtj_left rmtj_content" style="display:none;">-->
<!--<a href="{:url('/nursingHome/detail',['id'=>$data.nid])}">-->
<!-- <div class="wrap warpa" title="">-->
<!-- <div class="yyy">-->
<!-- <h4>-->
<!-- <p class="yanglaotitle">{$data.title}</p>-->
<!-- <li class="button1">-->
<!-- {foreach name='data.tags_name' item='name' key='key'}-->
<!-- <button type="button" class="btn{$key + 1}">{$name}</button>-->
<!-- {/foreach}-->
<!-- </li>-->
<!-- </h4>-->
<!-- <div class="app_yyy">-->
<!-- <h5><img src="image/weizhitubiao.png" />地址:{$data.address}</h5>-->
<!-- <p style="padding-bottom: 0px;border-bottom: 2px solid #f28731;color:#f28731;text-indent:0;">-->
<!-- <a>查看地图</a>-->
<!--<div id="r-result">产看地图<input type="text" id="suggestId" size="20" value="三庆枫润山居" style="width:150px;" /></div>-->
<!--<div id="searchResultPanel" style="border:1px solid #C0C0C0;width:150px;height:auto; display:none;"></div>-->
<!-- </p>-->
<!-- <h5>-->
<!-- 5分 | 评价 (-->
<!-- <p>{$data.comprehensive_score}</p>-->
<!-- )-->
<!-- </h5>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</a>-->
<!-- </div>-->
<div class="dandudiv">
<div class="top-div">
<p class="yanglaotitle">{$data.title}</p>
<h5>
评价 (
<p>{$data.comprehensive_score}</p>
)
</h5>
</div>
<h5 class="h52"><img src="image/weizhitubiao.png" />地址:{$data.address}</h5>
<li class="button1">
{foreach name='data.tags_name' item='item' key='key'}
<h5 class="btn{$key + 1}">{$item}</h5>
{/foreach}
</li>
</div>
<p class="shijan">{$data.min_price}-{$data.max_price}元/月 <span>成立时间:2011-06-03</span></p>
<ul class="bili">
<li>{$data.beds}张 <span>床位</span></li>
<li>{$data.lnstitutional_nature_name} <span>机构资质</span></li>
<li>{$data.city_name} <span>机构区域</span></li>
</ul>
<h4>
<p><img src="image/dianhualianxi.png" />电话:123456</p>
<span>机构特色</span>
<span>收住对象：</span>
</h4>
<!-- <p class="p">-->
<!-- 月收费区间，费用包括床位、伙食费、价格仅供参考，具体请-->
<!-- 电话咨询。-->
<!--</p>-->
<li>
<button id="btn1">预约参观</button>
<button>获取准确报价</button>
</li>
</div>
</div>
<!-- 机构简介 -->
<div class="yanglaoyuan_content">
<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('kehudianping').focus()">客户点评</a> </li>-->
</ul>
</div>
<div class="fansi">
<div class="neirong">
<li>
<h3><a href="javascript:void(0)" id="jigoujianjie">机构简介 </a></h3>
<p>{$data.content | raw}
</p>
</li>
<li>
<h3><a href="javascript:void(0)" id="fuwuxiangmu">服务项目</a></h3>
<p>
{$data.service_content | raw}
</p>
</li>
<li>
<h3><a href="javascript:void(0)" id="shoufeibiaozhun">收费标准</a></h3>
<p>
</p>
</li>
<li>
<h3><a href="javascript:void(0)" id="ruzhuxuzhi">入住须知</a></h3>
<p>
{$data.notice_content | raw}
</p>
</li>
<li>
<h3><a href="javascript:void(0)" id="peitaosheshi">配套设施</a></h3>
<p>
</p>
</li>
</div>
<!--<div class="neirong2">-->
<!-- <div class="jigoutuijian">-->
<!-- <h3><a href="javascript:void(0);">天桥区机构推荐</a></h3>-->
<!-- <ul>-->
<!-- <p>济南慈家护理院<span>(天桥区)</span></p>-->
<!-- <div><img src="image/juxing25.png" />-->
<!-- <li class="xinjia">-->
<!-- <span><img src="./image/index01.png" alt="" />养老院</span>-->
<!-- <span><img src="./image/index02.png" alt="" />100张</span>-->
<!-- <span><img src="./image/index03.png" alt="" />￥2000元/月</span>-->
<!-- </li>-->
<!-- </div>-->
<!-- </ul>-->
<!-- <ul>-->
<!-- <p>济南慈家护理院<span>(天桥区)</span></p>-->
<!-- <div><img src="image/juxing25.png" />-->
<!-- <li class="xinjia">-->
<!-- <span><img src="./image/index01.png" alt="" />养老院</span>-->
<!-- <span><img src="./image/index02.png" alt="" />100张</span>-->
<!-- <span><img src="./image/index03.png" alt="" />￥2000元/月</span>-->
<!-- </li>-->
<!-- </div>-->
<!-- </ul>-->
<!-- <button type="button">查看更多</button>-->
<!-- </div>-->
<!-- <div class="jigoutuijian jigoutuijian2">-->
<!-- <h3><a href="">机构资讯<p>更多<img src="./image/gengduo.png" alt="" ></p></a></h3>-->
<!-- <ul>-->
<!-- <span><img src="./image/index01.svg" alt="" />养老院</span>-->
<!-- <span><img src="./image/index02.svg" alt="" />200张</span>-->
<!-- <span>￥3000元/月</span>-->
<!-- </ul>-->
<!-- </div>-->
<!-- <div class="jigoutuijian jigoutuijian3">-->
<!-- <h3><a href="">扫一扫关注养老网</a></h3>-->
<!-- <img src="image/juxing25.png" />-->
<!-- </div>-->
<!--</div>-->
</div>
<!--<div class="lianxiwomen">-->
<!--<h3><a href="javascript:void(0)" id="lianxiwomen">联系我们</a></h3>-->
<p>
</p>
</div>
<div class="dianping" id="dianping1">
<h3><a href="javascript:void(0)" id="kehudianping">
全部点评</a><span>({:count($data.comments)})</span></h3>
{foreach name='data.comments' item='item' key='key'}
<div>
<li><img src="{$item.avatar}" />满意</li>
<ul>
<li>
网友 <a>{$item.name}</a><span> 服务评分</span>{$data.service_score}<span> 综合评分：{$data.comprehensive_score}</span>
<p>{:date('Y-m-d', $item.create_time)}</p>
</li>
<li>
<p>
{$item.content} </p>
</li>
</ul>
</div>
{/foreach}
</div>
<!--<h3><a href="javascript:void(0)" id="diliweizhi">地理位置</a></h3>-->
<!--<div id="allmap" style="width: 800px;height: 500px;"></div>-->
<!--<li class="container" id="container"></li>-->
<!--<img src="./image/banner6.png" class="app_imgage" />-->
</div>
</div>
</main>
<!-- 底部 -->
{include file='footer'}
<!-- 底部悬浮 -->
<!--<div class="footer_b">-->
<!-- <div class="footer_b_banxin">-->
<!-- <h4>找养老院，上养老网</h4>-->
<!-- <ul>-->
<!-- <li><img src="image/bz_b3.png" />信息全面</li>-->
<!-- <li><img src="image/bz_b3.png" />信息全面</li>-->
<!-- <li><img src="image/bz_b3.png" />信息全面</li>-->
<!-- </ul>-->
<!-- <p><img src="image/bz_b3.png" />0411-84179979</p>-->
<!-- <button type="button">咨询热线</button>-->
<!-- </div>-->
<!--</div>-->
<!-- 侧边悬浮/ -->
<div class="pc_footer_b">
<div class="btn" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn">
<img src="image/footer_erweima.png" id="weixinerweima" /><img src="image/weixin.png" />微信
</div>
<div><img src="image/xiaochengxu.png" />小程序</div>
<div><img src="image/kefu.png" />客服</div>
<div><img src="image/fankui.png" />反馈</div>
<div class="top"><img src="image/huidingbu.png" />顶部</div>
</div>
<!-- 参观信息弹出 -->
<!-- <div class="login" style="display: none">-->
<!-- <div class="login_content">-->
<!-- <div class="zezhan"></div> -->
<!-- <h1>填写老人信息</h1>-->
<!-- <h5>-->
<!-- 别担心，您填写的信息会严格保密，仅根据老人实际情况匹配合适的养老机构-->
<!-- </h5>-->
<!-- <form action="" method="" id="form">-->
<!-- <input type="date" placeholder="选择参观时间" id="time" class="width_30" />-->
<!-- <input type="text" name="" placeholder="参观人数" />-->
<!-- <input name="Checkbox" type="checkbox" checked /><label>老人同行</label-->
<!-- >-->
<!--<input type="" name="" id="" value="" placeholder="请输入联系人" /><br>-->
<!-- <select>
<!-- <option value="">选择与老人关系</option>-->
<!--</select> -->-->
<!--<input-->
<!-- type="tel"-->
<!-- oninput="checkmobile()"-->
<!-- id="mobile"-->
<!-- value=""-->
<!-- placeholder="请输入手机号"-->
<!--/>-->
<!--<label for="" class="label"><input-->
<!-- type="tel"-->
<!-- onclick="checkcode()"-->
<!-- id="code"-->
<!-- value=""-->
<!-- placeholder="获取验证码"-->
<!--/>-->
<!-- <input type="button" id="codemsg" onclick="getcode()" value="获取验证码" /> -->
<!--<div id="codemsg" onclick="getcode()">获取验证码</div></label>-->
<!-- <input type="button" id="sub" onclick="reF()" value="确认提交" />-->
<!-- <div class="" id="codeTip"></div>-->
<!-- <div class="" id="mobileTip"></div>-->
<!-- </form>-->
<!-- <img src="image/guanbi.png" id="close2" />-->
<!-- </div>-->
<!-- </div>-->
</body>
<script src="./js/swiper-bundle.js"></script>
<script src="./js/style.js"></script>
<script src="./js/page.js"></script>
<script>
// $.ajax({
// type: "post",
// dataType: 'json',
// url:'http://yl.jnbinzang.com/api/getAdv?id',
// async:true,
// data: {
// id:2,
// },
// success: function(data) {
// // console.log(data)
// if(data.code == 200) { //请求成功
// var con = data.data; //
// var len = con.length;
// var sort = con.sort; //排序
// $.each(con, function(k, v) {
// var src = con[k].filename; //图片地址
// var alt = con[k].name;
// var sort = con[k].sort; //排序
// var t = "<div class='swiper-slide'> <img src=" + src + " alt="+alt+"/></div>";
// $('.swiper-wrapper').append(t)
// });
// };
// }
// });
var swiper2 = new Swiper(".mySwiper2", {
loop:true,
slidesPerView: 1,
autoplay: {
delay: 1500,
disableOnInteraction: false,
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
var list = document.getElementsByClassName("smallImg")
for (var i = 0; i < list.length; i++) {
list[i].onclick = function() {
document.getElementsByClassName("bottomImg")[0].src = this.src
document.querySelector("h3").innerHTML = this.title
}
}
</script>
</html>