dept_q_list.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>南方医务通</title>
  6. <link type="text/css" rel="stylesheet" href="css/icoline.min.css">
  7. <link type="text/css" rel="stylesheet" href="css/comm.min.css">
  8. <link type="text/css" rel="stylesheet" href="css/pages.min.css">
  9. <link type="text/css" rel="stylesheet" href="css/popup.min.css">
  10. <meta name="viewport"
  11. content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
  12. <meta name="format-detection" content="telephone=no">
  13. <meta name="apple-mobile-web-app-capable" content="yes">
  14. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  15. <meta http-equiv="pragma" content="no-cache">
  16. <style>
  17. .wraplist{
  18. width: 50%;
  19. height: calc(100vh - 50px);
  20. float: left;
  21. overflow: auto;
  22. }
  23. .wraplist.left{
  24. background: #F7F8FB;
  25. }
  26. .wraplist.left .active{
  27. background: #fff;
  28. }
  29. .wraplist ul li{
  30. padding: 10px;
  31. }
  32. .wraplist.right{
  33. background: #fff;
  34. }
  35. .wraplist.right ul{
  36. display: none;
  37. }
  38. .wraplist.right ul.active{
  39. display: block;
  40. }
  41. .wraplist.right li{
  42. background: #fff;
  43. border-bottom:1px #ebebeb solid;
  44. }
  45. .wraplist.right a{
  46. color: #535353;
  47. display: block;
  48. }
  49. </style>
  50. </head>
  51. <body>
  52. <header id="header" class="head">
  53. <div class="wrap">
  54. <i class="menu_back icon-arrow-left"></i>
  55. <div class="title">
  56. <span class="title_d"><p>科室列表</p></span>
  57. <div class="clear"></div>
  58. </div>
  59. <i class="menu_home icon-home"></i>
  60. </div>
  61. </header>
  62. <article id="container" class="containerNoBottom" style="background: #fff;">
  63. <section id="content" class="content">
  64. <div id="list" style="position: relative;">
  65. <div class="wraplist left">
  66. <ul>
  67. <!--[%if( !(this.deptId).match(/^[0-9]+$/) ){%]-->
  68. <!--<li>[% this %]</li>-->
  69. <!--[%}%]-->
  70. </ul>
  71. </div>
  72. <div class="wraplist right">
  73. <!--<ul>-->
  74. <!--[%if( (this.deptId).match(/^[0-9]+$/) ){%]-->
  75. <!--&lt;!&ndash; 次级部门 &ndash;&gt;-->
  76. <!--<li>2[%this.deptName%] [%this.deptId%] [%this.parentId%]</li>-->
  77. <!--[%}%]-->
  78. <!--</ul>-->
  79. </div>
  80. </div>
  81. </section>
  82. </article>
  83. <div id="dialog" class="popup_layer">
  84. <div class="popup_msk"></div>
  85. <div class="popup_layer_cont dialog">
  86. <div class="loading_cont">
  87. </div>
  88. </div>
  89. </div>
  90. <script type="text/javascript" src="js/asset/zepto.min.js"></script>
  91. <script type="text/javascript" src="js/asset/base.min.js"></script>
  92. <script type="text/javascript" src="js/deptList.min.js"></script>
  93. </body>
  94. </html>