Keine Beschreibung

addAccess.html 7.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>处理中列表</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <script src="../Script/Common/huayi.load.js"></script>
  8. <script src="../Script/Common/huayi.config.js"></script>
  9. <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
  10. <link href="../css/WorkOrder/Search.css" rel="stylesheet">
  11. <link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
  12. <link href="../css/init.css" rel="stylesheet" />
  13. <style>
  14. .time-box {
  15. display: inline-block;
  16. position: relative;
  17. }
  18. i.tub {
  19. position: absolute;
  20. right: 8px;
  21. top: 8px;
  22. font-size: 18px;
  23. color: #1ab394;
  24. }
  25. .search_time {
  26. width: 228px!important;
  27. }
  28. .bootstrap-select>.dropdown-toggle.bs-placeholder {
  29. background-color: #ffffff!important;
  30. border-color: #e5e6e7!important;
  31. }
  32. .filter-option {
  33. color: #676b6d;
  34. }
  35. .bootstrap-select>.dropdown-toggle.btn-default {
  36. background-color: #ffffff!important;
  37. border-color: #e5e6e7!important;
  38. color: #555;
  39. }
  40. #typeclass {
  41. background: #fff;
  42. }
  43. .treeList {
  44. top: 34px!important;
  45. border: 1px solid #e5e6e7!important;
  46. border-top: 0;
  47. height: auto!important;
  48. }
  49. #TreeDemo li {
  50. float: initial;
  51. }
  52. .E73 {
  53. background: #87eebf;
  54. color: #000;
  55. width: 100px;
  56. }
  57. .table th {
  58. line-height: 40px;
  59. text-align: center;
  60. }
  61. .table {
  62. line-height: 40px;
  63. text-align: center;
  64. }
  65. .th-top {
  66. height: 60px;
  67. }
  68. .topCon {
  69. float: right;
  70. margin-right: 20px;
  71. }
  72. .th-content h2 {
  73. font-size: 22px;
  74. }
  75. .th-content {
  76. width: 90%;
  77. margin: 0 auto;
  78. margin-top: 20px;
  79. }
  80. .th-table {
  81. display: none;
  82. }
  83. </style>
  84. </head>
  85. <body class="gray-bg">
  86. <div class="daoHang clearfix">
  87. <div class="dhLeft">
  88. <sapn><i class="syIcon"></i>位置:
  89. <a href="javaScript:;" id="ReIndex">首页</a>&gt;
  90. <a href="javaScript:;">工单管理</a>&gt;
  91. <a href="" class="nowPosition">工单催办</a>
  92. </sapn>
  93. </div>
  94. <div class="dhRight">
  95. <a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
  96. </div>
  97. </div>
  98. <div class="wrapper wrapper-content animated fadeInRight">
  99. <!--<div class="toolBox" style="margin-bottom: 0px; padding-top: 30px;">
  100. <div class="th-bar clearfix">
  101. <div class="pull-left">
  102. </div>
  103. </div>
  104. </div>-->
  105. <div class="toolBox" style="margin-bottom: 0px; padding-top: 30px;">
  106. <div class="th-bar clearfix">
  107. <div class="pull-left">
  108. <div class="form-inline" style="line-height: 30px;">
  109. 随访类型:
  110. <div class="form-group" style="width: 200px; margin-right: 30px; margin-bottom:10px ;">
  111. <select class="form-control selectpicker" id="orderSource" data-live-search="true">
  112. <option value="">请选择随访类型</option>
  113. <option value="0">出院随访</option>
  114. <option value="1">门诊随访</option>
  115. <option value="2">科室随访</option>
  116. <option value="3">体检随访</option>
  117. <option value="4">短信随访</option>
  118. </select>
  119. </div>
  120. <!--<button class="btn-primary" style="border: none; height: 34px; padding: 0 15px; margin-bottom:10px ; margin-right: 80px;">确定</button>-->
  121. 时间:
  122. <div class="form-group" style="margin-left: 30px; margin-bottom:10px ;">
  123. <input class="form-control" type="text" id="test1" placeholder="请选择随访时间" style="width: 228px;">
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. </div>
  129. <style>
  130. .mannaget_line1{ width: 400px; margin: 0 auto; overflow: hidden; height: 50px;}
  131. .mannaget_line1 span{
  132. width: 135px;
  133. display: block;
  134. float: left;
  135. line-height: 36px;
  136. text-align: right;
  137. margin-right: 15px;}
  138. .mannaget_line1 input{
  139. width: 245px;
  140. display: block;
  141. float: left;
  142. height: 36px;
  143. line-height: 36px;
  144. padding-left: 5px;}
  145. .mannaget_line1 .btuunt{
  146. float: left;
  147. width: 120px;
  148. height: 36px;
  149. line-height: 36px;
  150. text-align: center;
  151. background:#1ab394;
  152. color: #FFFFFF;
  153. font-size: 16px;
  154. margin-left: 30px;
  155. -moz-border-radius: 5px; /* Firefox */
  156. -webkit-border-radius: 5px; /* Safari 和 Chrome */
  157. border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
  158. }
  159. .sexSel{
  160. width: 230px;
  161. margin: 0 auto;
  162. height: 40px;
  163. }
  164. .sexSel form{
  165. width: 245px;
  166. display: block;
  167. float: left;
  168. }
  169. .keshi{
  170. width: 280px;
  171. margin: 10px auto;
  172. height: 36px;
  173. }
  174. .keshi select{
  175. width: 200px;
  176. height: 36px;
  177. float: right;
  178. line-height: 36px;
  179. display: block;
  180. }
  181. </style>
  182. <div style="width: 100%;padding: 80px 0px 100px 0px; background: #FFFFFF;">
  183. <div class="mannaget_line1">
  184. <span>姓名:</span>
  185. <input id="" value="" placeholder="请输入姓名" />
  186. </div>
  187. <div class="mannaget_line1">
  188. <span>年龄:</span>
  189. <input id="" value="" placeholder="请输入年龄" />
  190. </div>
  191. <div class="sexSel">
  192. <form method="post" name="formName">
  193. 性别:<input type="radio" name="sex" value="girl">女
  194. <input type="radio" name="sex" value="boy" checked="checked">男
  195. </form>
  196. </div>
  197. <div class="mannaget_line1">
  198. <span>手机号:</span>
  199. <input id="" value="" placeholder="请输入手机号" />
  200. </div>
  201. <div class="mannaget_line1">
  202. <span>身份证号:</span>
  203. <input id="" value="" placeholder="请输入身份证号" />
  204. </div>
  205. <div class="keshi" >
  206. <span style="float: left;display: block;line-height: 36px;">科室:</span>
  207. <select data-live-search="true">
  208. <option value="">请选择科室</option>
  209. <option value="">心血管外科</option>
  210. <option value="">胸外科</option>
  211. <option value="">神经内科</option>
  212. <option value="">泌尿外科</option>
  213. <option value="">骨科</option>
  214. <option value="">耳鼻喉科</option>
  215. <option value="">儿科</option>
  216. <option value="">妇科</option>
  217. <option value="">产科</option>
  218. <option value="">泌尿外科</option>
  219. <option value="">骨科</option>
  220. <option value="">神经内科</option>
  221. <option value="">口腔科</option>
  222. <option value="">皮肤科</option>
  223. <option value="">中医科</option>
  224. <option value="">泌尿外科</option>
  225. <option value="">骨科</option>
  226. <option value="">神经内科</option>
  227. </select>
  228. </div>
  229. <div class="mannaget_line1">
  230. <span>诊断:</span>
  231. <input type="text" placeholder="请输入诊断" />
  232. </div>
  233. <div class="mannaget_line1">
  234. <span>入院日期</span>
  235. <input type="date" />
  236. </div>
  237. <div class="mannaget_line1">
  238. <span>出院日期</span>
  239. <input type="date" />
  240. </div>
  241. <div class="mannaget_line1" style="margin-top: 30px;">
  242. <span>&nbsp;</span>
  243. <div class="btuunt">添加</div>
  244. </div>
  245. </div>
  246. </div>
  247. <script src="../js/laydate/laydate.js"></script>
  248. <script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
  249. <script src="../js/layui/layui.js"></script>
  250. <script>
  251. $(document).ready(function() {
  252. laydate.render({
  253. elem: '#test1'
  254. });
  255. layui.use('laydate', function() {
  256. var laydate = layui.laydate;
  257. //日期
  258. laydate.render({
  259. elem: '#startTime',
  260. range: '~',
  261. //value: stime + ' ~ ' + endtime,
  262. theme: '#1ab394',
  263. calendar: 'true'
  264. });
  265. });
  266. })
  267. //详情
  268. function XX() {
  269. layer.open({
  270. type: 2,
  271. content: "LookMessage.html", //iframe的url,no代表不显示滚动条
  272. title: '任务信息',
  273. maxmin: true, //开启最大化最小化按钮
  274. id: 'LAY_layuipro', //防止重复弹出
  275. area: ['86%', '88%'], //宽高
  276. });
  277. }
  278. </script>
  279. </body>
  280. </html>