黄石工矿医院

<!DOCTYPE html> <html class="settings-main_background" lang="zh"> <head> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="renderer" content="webkit"> <title>黄石工矿医院</title> <meta name="keywords" content="黄石工矿医院黄石骨科医院"> <meta name="description" content="黄石工矿医院黄石骨科医院国家矿山救护中心黄石分中心"> <meta name="format-detection" content="telephone=no, email=no"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width"> <link rel="icon" href="static/image/favicon.ico"> <link rel="stylesheet" href="static/css/bootstrap.min.css"> <link rel="stylesheet" href="static/css/font-icons.css"> <link rel="stylesheet" href="static/css/head.css"> <link href="static/css/base-160225.min.css" media="screen" rel="stylesheet" type="text/css"> <link href="static/css/iconfont.css" media="screen" rel="stylesheet" type="text/css"> <link href="static/css/iconfont-1.css" media="screen" rel="stylesheet" type="text/css"> <link href="static/css/main.css" media="screen" rel="stylesheet" type="text/css"> <link href="static/css/user.css" media="screen" rel="stylesheet" type="text/css"> <link href="static/css/aos.css" media="screen" rel="stylesheet" type="text/css"> <link href="static/css/youpage.min.css" media="screen" rel="stylesheet" type="text/css"> <script type="text/javascript" src="static/js/jquery.min.js"></script> <script type="text/javascript" src="static/js/bootstrap.min.js"></script> <script src="static/js/tracker-0.0.2.min.js"></script> <script src="static/js/jquery-1.11.3.min.js" type="text/javascript"></script> <script src="static/js/lazyload.min.js" type="text/javascript"></script> <script src="static/js/aos.js" type="text/javascript"></script> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?bf8ba7a0ff464ededc8d5479a3089b2c"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </head> <body> <header class="nav-type-2"> <nav class="navbar navbar-static-top"> <div class="navigation"> <div class="container"> <div class="row"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>  <div class="logo-container"> <div class="logo-wrap local-scroll"> <a href="index.html"> <img class="logo" src="static/picture/1676445313403785.png" alt="黄石工矿医院黄石骨科医院" width="64px" height="64px"> </a> <div style=" margin-top: 2px; margin-left: 10px; color: #0188ca; font-size: x-large; font-family: cursive; font-weight: bolder;"> <span> 黄石工矿医院 </span> <p> 黄石骨科医院 </p> </div> </div> </div> </div>  <div class="col-md-9 nav-wrap"> <div class="collapse navbar-collapse" id="navbar-collapse"> <ul class="nav navbar-nav navbar-right"> <li class="active"> <a href="index.html">首页</a></li> <li class=" "> <a href="info.html">医院概况</a></li> <li class=" "> <a href="environment.html">医院环境</a> </li> <li class=" "> <a href="department.html">医院科室</a> </li> <li class=" "> <a href="doctor.html">专家团队</a> </li> <li class=" "> <a href="information.html">新闻公告</a> </li> <li class=" "> <a href="news.html">医疗资讯</a> </li> <li class=" "> <a href="recruit.html">人才招聘</a> </li> <li class=" "> <a href="address.html">来院信息</a> </li> </ul> </div> </div>  </div>  </div>  </div>  </nav>  </header>  <div class="clear"></div> <div class="index settings-main_background_color"> <div class="index-top"> <div class="wrapper wrapper-slide"> <div class="slide-inner settins-block_background"> <div class="slide-cnt owl-carousel owl-theme" id="banner" style=" max-width: 1280px; margin: auto;"> </div> </div> </div>  <div class="index-skill" id="dept" style="margin-top: 15px;"> </div>  <div class="container" style="margin-top: 10px; box-shadow: 5px 5px 5px 5px #ccc; overflow: hidden;"> <div class="row"> <div class="col-md-6 col-12" style=" background-color: #ffffff; "> <div class="index-about"> <div class="wrapper"> <div class="about-h"> <a href="info.html"> <h5>医院简介</h5> <p>HOSPITAL INTRODUCTION</p> </a> </div> <div class="about clearfix" id="information"> </div>  </div> </div> </div> <div class="col-md-6 col-12" style=" background-color: #ffffff; ">  <div class="index-info"> <div class="wrapper"> <div class="info-h"> <a href="information.html"> <h5>新闻公告</h5> <p>HOSPITAL NOTICE</p> </a> </div> <div class="info clearfix">  <div class="new-list"> <div class="new-list-inner" id="notice"> </div> </div> </div> </div> </div> </div> </div> </div> <div class="container" style="margin-top: 15px; box-shadow: 5px 5px 5px 5px #ccc; overflow: hidden;"> <div class="row"> <div class="col-md-6 col-12" style=" background-color: #ffffff; ">    <div class="index-agency"> <div class="wrapper"> <div class="agency-h"> <a href="environment.html"> <h5>医院环境</h5> <p>HOSPITAL ENVIRONMENT</p> </a> </div> <div class="agency clearfix" id="env"> </div>  </div> </div> </div> <div class="col-md-6 col-12" style=" background-color: #ffffff; ">  <div class="index-agency"> <div class="wrapper"> <div class="agency-h"> <a href="news.html"> <h5>医疗资讯</h5> <p>MEDICAL NEWS</p> </a> </div> <div class="agency clearfix" id="news"> </div>  </div> </div> </div> </div> </div> <div class="footer-top" style="margin-top: 20px;"> <div class="footer-content" style="box-shadow: 5px 5px 5px 5px #ccc; overflow: hidden; margin-bottom: 40px;"> <div class="footer-c clearfix" id="foot"> </div> </div> </div> </div> </div> <script src="static/js/owl.carousel.min.js" type="text/javascript"></script> <script> $(document).ready(function () { $(".owl-carousel").owlCarousel({ "items": 1, "dots": true, "loop": true, "center": true, "mouseDrag": false, "touchDrag": true, "nav": false, "autoplay": true, }); }) </script> <script> AOS.init({ offset: 200, duration: 300, easing: 'ease-in-sine', delay: 100 }); $(document).scroll(function () { if (document.documentElement.clientHeight + document.documentElement.scrollTop === document.documentElement.scrollHeight) { AOS.init({ disable: true }); $(document).off('scroll'); } }) </script> <div id="tracecode"></div> <div class="footer "> <div class="footer-bot settings-footer_background"> <div class="footer-l"> <ul> <li> <img src="static/picture/circle_1.png" alt=""> <span>自信、自强、合作、奋进</span> </li> <li> <img src="static/picture/circle_2.png" alt=""> <span>严谨求精、医心为民</span> </li> <li> <img src="static/picture/circle_3.png" alt=""> <span>敬业务实、和谐进取、开拓创新</span> </li> </ul> </div> <div class="footer-b settings-footer_text_color"> <p class="pra"></p> Copyright ©2024 黄石工矿医院黄石骨科医院 | <a href="https://beian.miit.gov.cn" target="_blank" style="color:#f3efef" rel="nofollow">鄂ICP备2024078895号</a> </div> </div> </div> <script src="static/js/youpage.min.js" type="text/javascript"></script> <script src="static/js/main.js" type="text/javascript"></script> <script> let bannerIndex = 0; let bannerDiv = '<img src="图片地址" width="100%">' fetch("https://www.hsgkyy.com:8081/office/indexBanner", { method: "GET", credentials: 'include' }) .then((response) => { if (!response.ok) { throw new Error("数据获取失败"); } console.log(response); return response.json(); }) .then((res) => { const data = res.data; if (data.length > 0) { var replaceDiv = bannerDiv.replace("图片地址", data[bannerIndex].pictureUrl); $('#banner').html(replaceDiv); bannerIndex++; var slideInterval = setInterval(function () { // $('#banner').empty(); if (bannerIndex == data.length) { bannerIndex = 0; } var replaceDiv = bannerDiv.replace("图片地址", data[bannerIndex].pictureUrl); $('#banner').html(replaceDiv); bannerIndex++; }, 3000); } }) .catch((error) => { console.error("发生错误:", error); }); let descriptionDiv = '<p style="font-size:large">简介内容</p>' fetch("https://www.hsgkyy.com:8081/office/indexDescription", { method: "GET", credentials: 'include' }) .then((response) => { if (!response.ok) { throw new Error("数据获取失败"); } console.log(response); return response.json(); }) .then((res) => { const data = res.data; if (data) { var replaceDiv = descriptionDiv.replace("简介内容", data.simpleDescription); $('#information').append(replaceDiv); } }) .catch((error) => { console.error("发生错误:", error); }); let deptDiv = `<li class="item变量"><a href="departmentDetail.html?id=编号"> <div> <h5>科室名</h5> </div> </a> </li>`; let moreDiv = `<li class="item2"><a href="department.html"> <div> <h5>查看更多</h5> </div> </a> </li>` fetch("https://www.hsgkyy.com:8081/office/indexDepts", { method: "GET", credentials: 'include' }) // fetch("http://localhost:8080/office/indexDepts", { method: "GET", credentials: 'include' }) .then((response) => { if (!response.ok) { throw new Error("数据获取失败"); } console.log(response); return response.json(); }) .then((res) => { const data = res.data; let dataDiv = ''; if (data.length > 0) { $.each(data, function (index, ele) { var replaceDiv = deptDiv.replace("科室名", ele.deptmentName); replaceDiv = replaceDiv.replace("编号", ele.id); if (index % 2 === 0) { replaceDiv = replaceDiv.replace("变量", 1); } else { replaceDiv = replaceDiv.replace("变量", 2); } dataDiv = dataDiv + replaceDiv; }); dataDiv = dataDiv + moreDiv; $('#dept').append('<ul style="box-shadow: 5px 5px 5px 5px #ccc;overflow: hidden;margin-bottom: 15px;">' + dataDiv + '</ul>'); } }) .catch((error) => { console.error("发生错误:", error); }); // `<div class="service-list"> // <a href="envDetail.html?id=envId"> // <img src="pic"> // </a> // <div class="service-list-content"> // <h5>title</h5> // </div> // </div>`; let envDiv = `<div class="agency-list"> <div class="agency-list-inner"> <a href="envDetail.html?id=envId"> <img src="pic"> <div class="agency-cover"> <h5>title</h5> <p></p> </div> </a> </div> </div>`; fetch("https://www.hsgkyy.com:8081/office/getEnvs?pageSize=2", { method: "GET", credentials: 'include' }) .then((response) => { if (!response.ok) { throw new Error("数据获取失败"); } console.log(response); return response.json(); }) .then((res) => { const data = res.data; if (data.length > 0) { $.each(data, function (index, ele) { var replaceDiv = envDiv.replace("title", ele.title); replaceDiv = replaceDiv.replace("pic", ele.coverPic); replaceDiv = replaceDiv.replace("envId", ele.id); $('#env').append(replaceDiv); }); } }) .catch((error) => { console.error("发生错误:", error); }); let noticeDiv = ` <div class="info-list-each"> <a href="链接" target="窗口"> <h5>新闻公告标题</h5> <p>发布时间</p> </a> </div>` fetch("https://www.hsgkyy.com:8081/office/getNotices?pageSize=3", { method: "GET", credentials: 'include' }) .then((response) => { if (!response.ok) { throw new Error("数据获取失败"); } console.log(response); return response.json(); }) .then((res) => { const data = res.data; if (data.length > 0) { $.each(data, function (index, ele) { var link = ele.link ? ele.link : 'informationDetail.html?id=' + ele.id; var targetValue = ele.link ? '_blank' : '_self'; var replaceDiv = noticeDiv.replace("新闻公告标题", ele.title); replaceDiv = replaceDiv.replace("发布时间", ele.publishTime); replaceDiv = replaceDiv.replace("链接", link); replaceDiv = replaceDiv.replace("窗口", targetValue) $('#notice').append(replaceDiv); }); } }) .catch((error) => { console.error("发生错误:", error); }); let newsDiv = `<div class="agency-list"> <div class="agency-list-inner"> <a href="链接"> <img src="封面"> <div class="agency-cover"> <h5>资讯标题</h5> <p></p> </div> </a> </div> </div>` fetch("https://www.hsgkyy.com:8081/office/getNews?pageSize=2", { method: "GET", credentials: 'include' }) .then((response) => { if (!response.ok) { throw new Error("数据获取失败"); } console.log(response); return response.json(); }) .then((res) => { const data = res.data; if (data.length > 0) { $.each(data, function (index, ele) { var link = ele.link ? ele.link : 'newsDetail.html?id=' + ele.id; var targetValue = ele.link ? '_blank' : '_self'; var replaceDiv = newsDiv.replace("资讯标题", ele.title); replaceDiv = replaceDiv.replace("封面", ele.coverPic); replaceDiv = replaceDiv.replace("链接", link); replaceDiv = replaceDiv.replace("窗口", targetValue) $('#news').append(replaceDiv); }); } }) .catch((error) => { console.error("发生错误:", error); }); let addDiv = `<div class="item"> <h5>医院电话</h5> <h5>mobile</h5> </div> <div class="item about"> <a href="https://surl.amap.com/1xbNrwGH1LD" target="_blank"> <h5>医院地址</h5> <h5>address</h5><span style="font-size:medium">(可点击跳转站外地图进行导航)</span> </a> </div> <div class="item app"> <h5>微信公众号</h5> <img src="picUrl"> </div>`; fetch("https://www.hsgkyy.com:8081/office/address", { method: "GET", credentials: 'include' }) .then((response) => { if (!response.ok) { throw new Error("数据获取失败"); } console.log(response); return response.json(); }) .then((res) => { const data = res.data; if (data) { var replaceDiv = addDiv.replace("address", data.address); replaceDiv = replaceDiv.replace("carPath", data.navigation); replaceDiv = replaceDiv.replace("mobile", data.mobile); replaceDiv = replaceDiv.replace("picUrl", data.wechatQrcode); $('#foot').append(replaceDiv); } }) .catch((error) => { console.error("发生错误:", error); }); </script> </body> </html>

CINXE.COM

黄石工矿医院