副本 waitingQueue.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  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. <link type="text/css" rel="stylesheet" href="js/asset/asset.min.css">
  11. <meta name="viewport"
  12. content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
  13. <meta name="format-detection" content="telephone=no">
  14. <meta name="apple-mobile-web-app-capable" content="yes">
  15. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  16. <meta http-equiv="pragma" content="no-cache">
  17. </head>
  18. <body>
  19. <header id="header" class="head">
  20. <div class="wrap">
  21. <i class="menu_back icon-arrow-left"></i>
  22. <div class="title">
  23. <span class="title_d"><p>我的排队候诊</p></span>
  24. <div class="clear"></div>
  25. </div>
  26. <i class="menu_home icon-home"></i>
  27. </div>
  28. </header>
  29. <article id="container" class="container">
  30. <section id="content" class="content">
  31. <div class="selectToggle wrap">
  32. <div class="top-nav">
  33. <div class="arrow-box"><i class="icon-arrowdown"></i></div>
  34. <div class="marginall">
  35. <div id="familySelected" class="text"></div>
  36. </div>
  37. </div>
  38. <ul id="familyList" class="hzApp-list">
  39. [%if(this.idCk){%]
  40. [%if(this.idCk==this.id){%]
  41. <li class="selected">
  42. <a data={"id":"[%this.id%]","trueName":"[%this.trueName%]","status":"[%this.status%]"}>
  43. <i class="icon-radioCheck"> [%this.trueName%] - [%this.ownership%]</i>
  44. </a>
  45. </li>
  46. [%}else{%]
  47. <li>
  48. <a data={"id":"[%this.id%]","trueName":"[%this.trueName%]","status":"[%this.status%]"}>
  49. <i class="icon-radio"> [%this.trueName%] - [%this.ownership%]</i>
  50. </a>
  51. </li>
  52. [%}%]
  53. [%}else{%]
  54. [%if(this.status=='0'){%]
  55. <li class="selected">
  56. <a data={"id":"[%this.id%]","trueName":"[%this.trueName%]","status":"[%this.status%]"}>
  57. <i class="icon-radioCheck"> [%this.trueName%] - [%this.ownership%]</i>
  58. </a>
  59. </li>
  60. [%}else{%]
  61. <li>
  62. <a data={"id":"[%this.id%]","trueName":"[%this.trueName%]","status":"[%this.status%]"}>
  63. <i class="icon-radio"> [%this.trueName%] - [%this.ownership%]</i>
  64. </a>
  65. </li>
  66. [%}%]
  67. [%}%]
  68. </ul>
  69. </div>
  70. <div id="list" class="hzApp-list-timeline" >
  71. <div class="wrap">
  72. <div class="tips left" style="margin: 5px 0 0 0">
  73. <i class="icon-drug">当倒计时为0时</i>,方可<a href="javascript:void(0)" id="wqReload">[重新加载]</a>排队候诊信息
  74. </div>
  75. </div>
  76. <div class="wrap">
  77. <ul style="display: none; margin-top: 5px;">
  78. [%if(this.clinicCode!=""){%]
  79. <li>
  80. <div class="up">
  81. <i class="icon-time"></i> <h6> [%this.dateTime%] 排队候诊信息</h6>
  82. </div>
  83. <div class="down">
  84. <div class="down_lef">
  85. <div style="position:relative;width:90px;height:90px;">
  86. <img src="images/time.jpg" alt="" />
  87. <div style="position:absolute;width:90px;height:90px;top:40px; text-align: center;font-weight: bold;color: #fff;" id="timeOut">180</div>
  88. </div>
  89. </div>
  90. <div class="down_rig">
  91. <h6 style="color: #ff8400">
  92. <i class="icon-comment"></i>排队号:[%this.waitingNumber%]
  93. </h6>
  94. <h6>就诊科室:[%this.admLoc%]</h6>
  95. <h6>就诊医生:[%this.admDoc%]</h6>
  96. <h6>就诊号:[%this.clinicCode%]</h6>
  97. </div>
  98. </div>
  99. <div class="clear"></div>
  100. </li>
  101. [%}%]
  102. </ul>
  103. </div>
  104. </div>
  105. </section>
  106. </article>
  107. <div id="nav_bottom">
  108. </div>
  109. <div id="dialog" class="popup_layer">
  110. <div class="popup_msk"></div>
  111. <div class="popup_layer_cont dialog">
  112. <div class="loading_cont">
  113. </div>
  114. </div>
  115. </div>
  116. <script type="text/javascript" src="js/asset/zepto.min.js"></script>
  117. <script type="text/javascript" src="js/asset/dateUtil.min.js"></script>
  118. <script type="text/javascript" src="js/asset/base.min.js"></script>
  119. <script type="text/javascript" src="js/waitingQueue.min.js"></script>
  120. </body>
  121. </html>