index.html 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="Cache-Control" content="no-siteapp" />
  8. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  9. <!--[if lt IE 9]>
  10. <meta http-equiv="refresh" content="0;ie.html" />
  11. <![endif]-->
  12. <title>卫生应急指挥平台</title>
  13. <link href="/iot/front/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
  14. <link href="/iot/front/css/index.css" rel="stylesheet">
  15. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=mHjQLONxGpRtrZHZkxr9t3cD3n0HupQ0"></script>
  16. </head>
  17. <body>
  18. <div class="left">
  19. <ul id = "myTab" class = "nav nav-tabs">
  20. <li class = "active" id="baseInfoId">
  21. <a href = "#car" data-toggle = "tab">
  22. 救护车辆
  23. </a>
  24. </li>
  25. <li id="imageInfoId">
  26. <a href = "#person" data-toggle = "tab">
  27. 医护人员
  28. </a>
  29. </li>
  30. </ul>
  31. <div class = "tab-content">
  32. <ul id="car" class = "tab-pane fade in active" style="margin-bottom: 60px;">
  33. </ul>
  34. <ul id="person" class = "tab-pane fade" style="margin-bottom: 60px;">
  35. </ul>
  36. </div>
  37. </div>
  38. <div class="map-content">
  39. <div id="map" style="height:100%;width: 100%;">
  40. </div>
  41. <div id="left-panel" class="" style="height: 535px;">
  42. <div id="searchbox" class="clearfix">
  43. <div id="searchbox-container">
  44. <div id="sole-searchbox-content" class="searchbox-content">
  45. <input id="sole-input" class="searchbox-content-common" type="text" autocomplete="off" maxlength="256" placeholder="请输入搜索地址" value="">
  46. <div class="input-clear" title="清空"></div>
  47. </div>
  48. </div>
  49. <button id="search-button" ></button>
  50. </div>
  51. </div>
  52. <div class="dislpay-arrow">
  53. <a href="javascript:void(0);" ></a>
  54. </div>
  55. <div class="ui3-suggest-wrap" id="addr-list">
  56. <ul>
  57. </ul>
  58. </div>
  59. <div class="ui3-suggest-wrap" id="car-back">
  60. <a href="javascript:void(0)">
  61. <img src="../images/fanhui_icon.png">
  62. <span class="main-color f-fs14"></span>
  63. </a>
  64. </div>
  65. <div class="ui3-suggest-wrap" id="car-list">
  66. <div class="weizhi-bg">
  67. <div class="items" style="padding: 10px;align-items: normal;">
  68. <span>派遣地点:</span>
  69. <span class="item"></span>
  70. <span class="dingwei" style="height: 40px;width: 40px"></span>
  71. </div>
  72. </div>
  73. <ul style="overflow-y: auto;">
  74. </ul>
  75. </div>
  76. <div class="query-attendance">
  77. <img src="../images/ss.png" style="width:32px;margin-bottom: 10px;">
  78. <div class="main-color">急救查询</div>
  79. </div>
  80. </div>
  81. <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  82. <div class="modal-dialog">
  83. <div class="modal-content">
  84. <div class="modal-header">
  85. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
  86. &times;
  87. </button>
  88. <h4 class="modal-title" id="myModalLabel">
  89. 急救信息
  90. </h4>
  91. </div>
  92. <div class="modal-body">
  93. <form class="form-horizontal" role="form" id="form">
  94. <input type="hidden" class="form-control" id="dispatchHospital">
  95. <div class="form-group">
  96. <label for="alarmTel" class="col-sm-2 control-label"><sup
  97. style="color: red">*</sup>派遣车辆</label>
  98. <div class="col-sm-10">
  99. <input type="text" class="form-control" id="carId" disabled>
  100. </div>
  101. </div>
  102. <div class="form-group">
  103. <label for="alarmTel" class="col-sm-2 control-label"><sup
  104. style="color: red">*</sup>呼救地点</label>
  105. <div class="col-sm-10">
  106. <input type="text" class="form-control" id="callAddress" disabled>
  107. </div>
  108. </div>
  109. <div class="form-group">
  110. <label for="alarmTel" class="col-sm-2 control-label"><sup
  111. style="color: red">*</sup>接警电话</label>
  112. <div class="col-sm-10">
  113. <input type="text" class="form-control" id="alarmTel"
  114. placeholder="请输入接警电话">
  115. </div>
  116. </div>
  117. <div class="form-group">
  118. <label for="callAddress" class="col-sm-2 control-label"><sup
  119. style="color: red">*</sup>主诉</label>
  120. <div class="col-sm-10">
  121. <input type="text" class="form-control" id="chiefComplaint"
  122. placeholder="请输入主诉">
  123. </div>
  124. </div>
  125. <div class="form-group">
  126. <label for="patientNum" class="col-sm-2 control-label"><sup
  127. style="color: red">*</sup>患者人数</label>
  128. <div class="col-sm-10">
  129. <input type="text" class="form-control" id="patientNum"
  130. placeholder="请输入接警电话">
  131. </div>
  132. </div>
  133. <div class="form-group">
  134. <label for="patientGender" class="col-sm-2 control-label">性别信息</label>
  135. <div class="col-sm-10">
  136. <input type="text" class="form-control" id="patientGender"
  137. placeholder="请输入性别信息(几男几女)">
  138. </div>
  139. </div>
  140. <div class="form-group">
  141. <label for="disease" class="col-sm-2 control-label">初步诊断</label>
  142. <div class="col-sm-10">
  143. <input type="text" class="form-control" id="disease"
  144. placeholder="请输入初步诊断">
  145. </div>
  146. </div>
  147. <div class="form-group">
  148. <label for="deliverAddress" class="col-sm-2 control-label">送达地</label>
  149. <div class="col-sm-10">
  150. <input type="text" class="form-control" id="deliverAddress"
  151. placeholder="请输入送达地">
  152. </div>
  153. </div>
  154. <div class="form-group">
  155. <label for="remark" class="col-sm-2 control-label">备注</label>
  156. <div class="col-sm-10">
  157. <input type="text" class="form-control" id="remark"
  158. placeholder="请输入备注">
  159. </div>
  160. </div>
  161. </form>
  162. </div>
  163. <div class="modal-footer">
  164. <button type="button" class="btn btn-default" data-dismiss="modal">
  165. 取消
  166. </button>
  167. <button type="button" class="btn btn-primary" id="save">
  168. 确定
  169. </button>
  170. </div>
  171. </div><!-- /.modal-content -->
  172. </div><!-- /.modal -->
  173. </div>
  174. <script src="../js/lib/plugins/require/require.js"></script>
  175. <script src="../js/common/config.js"></script>
  176. <script src="../js/scripts/index.js?v=19"></script>
  177. </body>
  178. </html>