<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <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">
    <title>南方医务通</title>
    <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 type="text/css" rel="stylesheet" href="css/doctorWho.css">
    <style>
        .wraplist{
            width: 50%;
            height: calc(100vh - 50px);
            float: left;
            overflow: auto;
        }

        .wraplist.left{
            background: #fff;
        }

        .wraplist.left .active{
            background: #F7F8FB;
        }

        .wraplist ul li{
            padding: 10px;
        }
        .wraplist.right{
            background: #fff;
        }
        .wraplist.right ul{
            display: block;
        }
        .wraplist.right ul.active{
            display: block;
        }
        .wraplist.right li{
            background: #F7F8FB;
            border-bottom:1px #ebebeb solid;
        }
        .wraplist.right a{
            color: #535353;
            display: block;
        }
    </style>
</head>

<body>

<header id="header" class="head">

    <div class="wrap">

        <i class="menu_back icon-arrow-left"></i>

        <div class="title">

            <span class="title_d"><p>医生简介</p></span>

            <div class="clear"></div>

        </div>

        <i class="menu_home icon-home"></i>

    </div>

</header>

<article id="container" class="containerNoBottom">

    <section id="content" class="content">

        <div id="docinfo">
            <div class="dept-title">
                <div class="dept-text-left">
                    <div>[%this.deptName%]</div>
                    <div id="date"></div>
                </div>
                <div id="money" class="dept-text-right">
                    <!-- todo 金额需要另外查找 -->
                    <!--￥20-->
                </div>
            </div>

            <!--<div class="dept-favorite">-->
            <!--<button id="favorite" type="button">+ 关注</button>-->
            <!--</div>-->

            <div class="doctor">
                [% if(this.doctorphoto.length>0){ %]
                <img src="[%this.doctorphoto%]" alt="">
                [%} else { %]
                <img src="http://img.yiwubaike.com/user.jpg" alt="">
                [%}%]
                <div>[%this.doctorName%]</div>
                <div class="title">[%this.title%]</div>
            </div>
            <div class="context">
                <p>简介：</p>
                <p>[%this.info%]</p>
                <p></p>
            </div>
            <div id="yuyue" style="position: relative;">
                <div class="wraplist left">
                    <ul>
                        <!--<li>1</li>-->
                        <!--[%if( !(this.deptId).match(/^[0-9]+$/) ){%]-->
                        <!--<li>[% this %]</li>-->
                        <!--[%}%]-->
                    </ul>
                </div>
                <div class="wraplist right">
                    <ul>
                        <!--<li>2</li>-->
                    </ul>
                    <!--<ul>-->
                    <!--[%if( (this.deptId).match(/^[0-9]+$/) ){%]-->
                    <!--&lt;!&ndash; 次级部门 &ndash;&gt;-->
                    <!--<li>2[%this.deptName%] [%this.deptId%] [%this.parentId%]</li>-->
                    <!--[%}%]-->
                    <!--</ul>-->
                </div>
            </div>
            </div>
        </div>
        <!--<div class="fixedbox">-->
            <!--<button id="subscribe" type="button">预约挂号</button>-->
        <!--</div>-->


        <div id="list1" class="lists">

            <div class="wrap">
            </div>
            <div class="subscribeList">
                <ul>
                    [% if(this.doctorName){ %]
                    <li class="line1" style="display: flex; width: 100%; position: relative; top: -1px; align-items: center; margin: -8px 0; padding: 10px;">
                        <div style="width: 50px;height: 50px;margin-right: 10px;">
                            <img style="width: 100%;border-radius: 100%;" src="[%this.doctorphoto%]" alt="">
                        </div>
                        <div style="flex: 2;">
                            <div>[%this.doctorName%]   <span>[%this.title%]</span></div>
                        </div>
                        <!--<div class="close">x</div>-->
                    </li>
                    [%}%]

                    [%if(this.regLeaveCount>0){%]

                    <li class="line1">

                        <a href="doctorBookingSchedule.html?hospitalId=[%this.hospitalId%]&deptId=[%this.deptId%]&doctorId=[%this.doctorId%]&regDate=[%this.regDate%]&timeFlag=[%this.timeFlag%]&regFee=[%this.regFee%]&treatFee=[%this.treatFee%]">
                            <span class="button"><i class="icon-arrowright"></i> </span>

                            <div class="info_line1">
                                <div class="box_wide date">
                                    <span class="blueBg date">[%this.regDate%]</span>
                                    <span class="mline">-</span>
                                    <span class="blueBg date">[%this.regWeekDay%]
                                        [%var timeFlagArr = ["","上午","下午","晚上"];%]
                                        [%timeFlagArr[this.timeFlag]%]
                                    </span></div>
                                <h5>
                                    剩余([%this.regLeaveCount%])个号
                                </h5>
                            </div>
                            <div class="clear"></div>
                        </a>

                    </li>

                    [%}%]

                </ul>
            </div>

        </div>

    </section>

</article>

<div id="dialog" class="popup_layer">

    <div class="popup_msk"></div>

    <div class="popup_layer_cont dialog">

        <div class="loading_cont">

        </div>

    </div>

</div>

<script type="text/javascript" src="js/asset/zepto.min.js"></script>
<script type="text/javascript" src="js/asset/callback.js"></script>
<script type="text/javascript" src="js/asset/deferred.js"></script>
<script type="text/javascript" src="js/asset/base.min.js"></script>
<script type="text/javascript" src="js/asset/dateFormate.js"></script>
<script type="text/javascript" src="js/doctorWhoAnother.js"></script>

</body>
</html>
