<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <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">
    <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">
    <style>
        .wraplist{
            width: 50%;
            height: calc(100vh - 50px);
            float: left;
            overflow: auto;
        }

        .wraplist.left{
            background: #F7F8FB;
        }

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

        .wraplist ul li{
            padding: 10px;
        }
        .wraplist.right{
            background: #fff;
        }
        .wraplist.right ul{
            display: none;
        }
        .wraplist.right ul.active{
            display: block;
        }
        .wraplist.right li{
            background: #fff;
            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" style="background: #fff;">

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

        <div id="list" style="position: relative;">

            <div class="wraplist left">
                <ul>
                    <!--[%if( !(this.deptId).match(/^[0-9]+$/) ){%]-->
                        <!--<li>[% this %]</li>-->
                    <!--[%}%]-->
                </ul>
            </div>
            <div class="wraplist right">
                <!--<ul>-->
                    <!--[%if( (this.deptId).match(/^[0-9]+$/) ){%]-->
                        <!--&lt;!&ndash; 次级部门 &ndash;&gt;-->
                        <!--<li>2[%this.deptName%] [%this.deptId%] [%this.parentId%]</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/base.min.js"></script>
<script type="text/javascript" src="js/deptList.min.js"></script>

</body>
</html>