kwonghinho пре 7 година
родитељ
комит
02e896205c

+ 164 - 0
wx.demo.ywtinfo.com/appointmentGuide.html

@@ -0,0 +1,164 @@
+<!DOCTYPE html>
+<html lang="zh_CN">
+<head>
+    <meta charset="utf-8">
+
+    <title>南方医务通</title>
+    <meta name="viewport"
+
+          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
+
+    <meta name="format-detection" content="telephone=no">
+
+    <meta name="apple-mobile-web-app-capable" content="yes">
+
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+
+    <meta http-equiv="pragma" content="no-cache">
+
+    <link type="text/css" rel="stylesheet" href="css/icoline.min.css">
+    <link type="text/css" rel="stylesheet" href="css/comm.min.css">
+    <link type="text/css" rel="stylesheet" href="css/pages.min.css">
+    <link type="text/css" rel="stylesheet" href="css/popup.min.css">
+    <link rel="stylesheet" href="css/appointmentGuide.css">
+</head>
+<body>
+
+<header id="header" class="head">
+
+    <div class="wrap">
+
+        <i class="menu_back icon-arrowleft"></i>
+
+        <div class="title">
+
+            <span class="title_d"><p>就诊指南</p></span>
+
+            <div class="clear"></div>
+
+        </div>
+
+
+    </div>
+
+</header>
+<div class="listbox">
+    <div style="background: #fff;"><img style="width: 100%;height: 100%;" src="images/img-appointmentguide.jpg" alt=""></div>
+    <ul>
+        <li>
+            <div class="title">1.挂号 <i class="icon-arrowup"></i></div>
+            <div class="body">
+                <p>1、预约:南方医院官方预约途径有如下几种:</p>
+                <p>①官网:www.nfyy.com,可预约8天内的号源。</p>
+                <p>②电话:020-61641888,预约时间为8:00—23:00。</p>
+                <p>著名专家侯凡凡、骆抗先、张训、吕英,及高危产科全部医生及呼吸内科、耳鼻喉科、小儿科、妇科部分专家仅提供电话预约及现场人工挂号。可预约8天内的号源。</p>
+                <p>③自助机:门诊大厅及各楼层均有自助机可预约挂号。可预约8天内的号源</p>
+                <p>④微信公众号:南方医科大学南方医院(推荐使用,提供大部分检查检验结果的查询服务)。可预约8天内的号源。</p>
+                <p>⑤诊间预约:就诊过程中,如与医生确定好下一次就诊时间,医生可在其医生工作站帮您进行诊间预约,可预约3个月内的号源。</p>
+                <p>初次就诊可选择电话预约,并于就诊当日提前至各人工窗口办理诊疗卡并取预约号。其余预约方式均需绑定诊疗卡。</p>
+                <p>2、现场挂号</p>
+                <p>①窗口:一楼大厅及各楼层均设人工挂号窗口</p>
+                <p>②自助机:门诊大厅及各楼层均有自助机可挂当日号。</p>
+            </div>
+        </li>
+        <li>
+            <div class="title">2.分诊和候诊 <i class="icon-arrowup"></i></div>
+            <div class="body">
+                <p>1、您取到挂号票之后,请按照挂号票指引在指定候诊时间之前至相应楼层分诊台刷卡报到,迟到将做推迟就诊处理。如过号请至分诊台重新刷卡报到,我们会尽快安排您就诊。</p>
+                <p>2、我院实行二次候诊,报到后请于候诊厅等候,语音呼叫后至诊室门口等候就诊。</p>
+                <p>3、我院实行诊室无纸化,医生开具处方,化验、检查、治疗项目后,请您持诊疗卡至门诊各楼层收费处缴费,根据打印的导诊单指引下一步的诊疗。</p>
+                <p>您可根据自己的情况选择不同的缴费方式:</p>
+                <p>1、人工窗口:门诊各楼层均设有收费窗口。</p>
+                <p>2、自助设备:自费患者可选择自助机进行缴费。一楼大厅自助机可接受现金及农行储畜卡缴费外,其余楼层的自助机只接受诊疗卡或农行储畜卡缴费。如需发票请至收费窗口凭诊疗卡打印发票。</p>
+                <p>3、收费后打印的导诊单上都有下一步诊疗、处置实施地点,请注意妥善保管。如有遗失,可在自助挂号机上进行补打。</p>
+            </div>
+        </li>
+        <li>
+            <div class="title">3.检验 <i class="icon-arrowup"></i></div>
+            <div class="body">
+                <p>缴费后请持诊疗卡至导诊单指定地点抽血,根据结果领取时间提示至一楼或二楼自助结果打印区打印或至一楼前线服务中心人工窗口打印。</p>
+            </div>
+        </li>
+        <li>
+            <div class="title">4.部分检查及治疗 <i class="icon-arrowup"></i></div>
+            <div class="body">
+                <p>1、超声、X光检查在门诊二楼;</p>
+                <p>2、心电图及部分心脏功能检查在门诊三楼内二诊区;</p>
+                <p>3、静脉输液、肌肉注射在门诊三楼治疗中心;</p>
+                <p>4、肺功能检查在门诊二楼呼吸消化诊区;</p>
+                <p>5、核磁、CT 、检查在医技楼一楼;</p>
+                <p>6、换药室、骨髓穿刺在门诊三楼骨伤诊区;</p>
+                <p>7、神经功能检查、眼科、耳鼻喉、口腔、感染内科等专科检查在相应专科诊区内进行;</p>
+                <p>8、取药地点有2个:西药和中成药在门诊一楼,中草药在门诊四楼。</p>
+                <p>如您需要住院治疗,在医生开具住院证后,请与科室取得联系确认有床位之后再办理住院登记手续。如您是在医生开具住院证的七天内办理手续时,请持诊疗卡至一楼住院事务处1号窗口自助打印住院证,再办理登记及缴纳住院押金手续,超过时间请联系窗口人员打印。 如有疑问,请向各楼层导医员与分诊护士咨询。</p>
+                <img style="width: 100%;height: 100%;" src="images/img-appointmentfloat.jpg" alt="">
+            </div>
+        </li>
+        <li>
+            <div class="title">5.门诊各楼层科室分布 <i class="icon-arrowup"></i></div>
+            <div class="body">
+                <table>
+                    <tr>
+                        <td>7F</td>
+                        <td>
+                            整形美容科    心理睡眠科   麻醉疼痛科   古中医疑难杂病镇诊疗中心
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>6F</td>
+                        <td>
+                            口腔科 眼科
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>5F</td>
+                        <td>
+                            妇产科 神经外科(脑外科) 乳腺科 神经内科 中医科
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>4F</td>
+                        <td>
+                            皮肤科 中药房 耳鼻喉科
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>3F</td>
+                        <td>
+                            心血管内科  肾内科  血液科  心血管外科   脊柱骨科  创伤骨科  关节与骨病外科  肝胆外科  烧伤科  风湿免疫科  胸心外科  护理专家门诊  换药室   介入科  肛肠科  普外科  小儿科 新生儿科 泌尿外科
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>2F</td>
+                        <td>
+                            医学检验科  抽血室  放射科  超声诊断科(B超室)  消化内科  呼吸内科
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>1F</td>
+                        <td>
+                            挂号室  收费室  急诊科  西药房  简便门诊  肿瘤科(日间病房)  感染科
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>-1F</td>
+                        <td>
+                            康复理疗科  内分泌代谢科  疑难病会诊中心  门诊部办公室  预防保健科  远程会诊中心
+                        </td>
+                    </tr>
+                </table>
+            </div>
+        </li>
+        <!--<li>2.分诊和候诊</li>-->
+        <!--<li>3.检验</li>-->
+        <!--<li>4.部分检查和治疗</li>-->
+        <!--<li>5.门诊各楼层科室分布</li>-->
+    </ul>
+</div>
+
+<script type="text/javascript" src="js/asset/zepto.min.js"></script>
+<script type="text/javascript" src="js/asset/zepto-slide-transition.min.js"></script>
+<script type="text/javascript" src="js/appointmentGuide.js"></script>
+<!--<script type="text/javascript" src="js/asset/base.min.js"></script>-->
+</body>
+</html>

+ 59 - 0
wx.demo.ywtinfo.com/css/appointmentGuide.css

@@ -0,0 +1,59 @@
+@charset "UTF-8";
+/* reset背景颜色 */
+body{
+    background: #F0F1F7;
+    overflow: auto;
+}
+
+/* 列表 */
+.listbox{
+    margin-top: 50px;
+    overflow: auto;
+}
+
+.listbox li{
+    background: #fff;
+    border-bottom: 1px #ebebeb solid;
+    overflow: auto;
+}
+
+.listbox .title{
+    padding: 15px;
+}
+
+.listbox .body{
+    height: auto !important;
+    padding: 0 15px 15px;
+    background: #fff;
+    display: none;
+}
+
+.listbox .body p{
+    text-indent:20px;
+    word-wrap: break-word;
+    word-break: normal;
+    text-align: justify;
+    font-size: .9rem;
+    line-height: 2rem;
+}
+
+.listbox .body table{
+    border-collapse: collapse;
+}
+
+.listbox .body table td{
+    border: 1px #424242 solid;
+    padding: 10px;
+}
+
+.listbox .body table td:nth-child(odd){
+    background: #aae2e1;
+}
+
+.listbox .body table td:nth-child(even){
+    line-height: 1.5rem;
+}
+
+.listbox li i{
+    float: right;
+}

+ 17 - 0
wx.demo.ywtinfo.com/js/appointmentGuide.js

@@ -0,0 +1,17 @@
+/**
+ * Author: Kwong
+ * date: 2017-09-26
+ * */
+(function (c) {
+    c('.listbox').on('click','.title',function (e) {
+        c(this).find('i').toggleClass(function (i,o) {
+            if(o == 'icon-arrowup'){
+                c(this).removeClass('icon-arrowup');//移除原来有的样式
+                return 'icon-arrowdown';
+            }else{
+                return 'icon-arrowup';
+            }
+        });
+       c(this).parent().find('.body').slideToggle(100);
+    });
+})(Zepto);

+ 119 - 0
wx.demo.ywtinfo.com/js/asset/zepto-slide-transition.min.js

@@ -0,0 +1,119 @@
+/* Zepto plugin : slide transition v1.0 */
+(function ($) {
+
+    /* SlideDown */
+    $.fn.slideDown = function (duration) {
+
+        // get the element position to restore it then
+        var position = this.css('position');
+
+        // show element if it is hidden
+        this.show();
+
+        // place it so it displays as usually but hidden
+        this.css({
+            position: 'absolute',
+            visibility: 'hidden'
+        });
+
+        // get naturally height, margin, padding
+        var marginTop = this.css('margin-top');
+        var marginBottom = this.css('margin-bottom');
+        var paddingTop = this.css('padding-top');
+        var paddingBottom = this.css('padding-bottom');
+        var height = this.css('height');
+
+        // set initial css for animation
+        this.css({
+            position: position,
+            visibility: 'visible',
+            overflow: 'hidden',
+            height: 0,
+            marginTop: 0,
+            marginBottom: 0,
+            paddingTop: 0,
+            paddingBottom: 0
+        });
+
+        // animate to gotten height, margin and padding
+        this.animate({
+            height: height,
+            marginTop: marginTop,
+            marginBottom: marginBottom,
+            paddingTop: paddingTop,
+            paddingBottom: paddingBottom
+        }, duration);
+
+    };
+
+    /* SlideUp */
+    $.fn.slideUp = function (duration) {
+
+        // active the function only if the element is visible
+        if (this.height() > 0) {
+
+            var target = this;
+
+            // get the element position to restore it then
+            var position = target.css('position');
+
+            // get the element height, margin and padding to restore them then
+            var height = target.css('height');
+            var marginTop = target.css('margin-top');
+            var marginBottom = target.css('margin-bottom');
+            var paddingTop = target.css('padding-top');
+            var paddingBottom = target.css('padding-bottom');
+
+            // set initial css for animation
+            this.css({
+                visibility: 'visible',
+                overflow: 'hidden',
+                height: height,
+                marginTop: marginTop,
+                marginBottom: marginBottom,
+                paddingTop: paddingTop,
+                paddingBottom: paddingBottom
+            });
+
+            // animate element height, margin and padding to zero
+            target.animate({
+                    height: 0,
+                    marginTop: 0,
+                    marginBottom: 0,
+                    paddingTop: 0,
+                    paddingBottom: 0
+                },
+                {
+                    // callback : restore the element position, height, margin and padding to original values
+                    duration: duration,
+                    queue: false,
+                    complete: function(){
+                        target.hide();
+                        target.css({
+                            visibility: 'visible',
+                            overflow: 'hidden',
+                            height: height,
+                            marginTop: marginTop,
+                            marginBottom: marginBottom,
+                            paddingTop: paddingTop,
+                            paddingBottom: paddingBottom
+                        });
+                    }
+                });
+        }
+    };
+
+    /* SlideToggle */
+    $.fn.slideToggle = function (duration) {
+
+        // if the element is hidden, slideDown !
+        if (this.height() == 0) {
+            this.slideDown(duration);
+        }
+        // if the element is visible, slideUp !
+        else {
+            this.slideUp(duration);
+        }
+    };
+
+})(Zepto);