郑州第一人民医院UI

add6.html 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <link href="../css/init.css" rel="stylesheet" />
  7. <script src="../Script/Common/huayi.load.js"></script>
  8. <script src="../Script/Common/huayi.config.js"></script>
  9. <link rel="stylesheet" href="../css/WorkOrder/jquery.editable-select.css" />
  10. <!-- <link rel="stylesheet" href="../js/comboSelect/combo.select.css" /> -->
  11. <link rel="stylesheet" href="../css/init.css" />
  12. <!-- <link rel="stylesheet" href="../css/WorkOrder/NewAddWorkOrder.css" /> -->
  13. <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
  14. <link href="../css/WorkOrder/Search.css" rel="stylesheet">
  15. <!-- <link rel="stylesheet" href="../js/comboSelect/combo.select.css" /> -->
  16. <link href="../css/init.css" rel="stylesheet" />
  17. <title></title>
  18. <style>
  19. ul li {
  20. float: initial;
  21. list-style: none;
  22. }
  23. .repeat-btn{
  24. width: 100%;
  25. margin: 30px 0 0 0;
  26. text-align: center;
  27. }
  28. .ckxq .gdxq ul li{
  29. width: 100%;
  30. overflow: hidden;
  31. }
  32. .ckxq .gdxq ul li .left{
  33. width: 40%;
  34. float: left;
  35. }
  36. .ckxq .gdxq ul li .right{
  37. width: 60%;
  38. float: left;
  39. }
  40. .selDpart1{
  41. display: none;
  42. position: absolute;
  43. left: 360px;
  44. top: 145px;
  45. z-index: 11111;
  46. width: 280px;
  47. line-height: 30px;
  48. background: #FFFFFF;
  49. }
  50. #sponsor{
  51. width: 280px;
  52. border: 1px solid #00a1cb;
  53. margin: 0;
  54. padding: 0;
  55. list-style: none;
  56. max-height: 212px;
  57. overflow-x: hidden;
  58. overflow-y: scroll;
  59. }
  60. #sponsor li{
  61. margin: 0;
  62. padding-left: 10px;
  63. width: 280px;
  64. height: 30px;
  65. line-height: 30px;
  66. list-style: none;
  67. }
  68. #sponsor li:hover{
  69. background: #00a1cb;
  70. }
  71. .thumbnail {
  72. margin: 0 10px 10px;
  73. padding: 4px;
  74. float: left;
  75. width: 30%;
  76. height: 200px;
  77. background-color: #fff;
  78. border: 1px solid #ddd;
  79. border-radius: 4px;
  80. position: relative;
  81. cursor: pointer;
  82. }
  83. .thumbnail img {
  84. width: 100%;
  85. height: 100%;
  86. }
  87. .thumbnail .info {
  88. position: absolute;
  89. left: 4px;
  90. bottom: 4px;
  91. right: 4px;
  92. height: 35px;
  93. line-height: 35px;
  94. text-indent: 5px;
  95. background: rgba(0, 0, 0, 0.6);
  96. color: white;
  97. overflow: hidden;
  98. white-space: nowrap;
  99. text-overflow: ellipsis;
  100. font-size: 12px;
  101. z-index: 10;
  102. display: none;
  103. }
  104. .thumbnail:hover .info {
  105. display: block;
  106. }
  107. #djtime{
  108. display: none;
  109. }
  110. </style>
  111. </head>
  112. <body class="gray-bg">
  113. <div class="ckxq">
  114. <div class="gdxq">
  115. <div style="width: 100%;">
  116. <ul>
  117. <li id="djtime">
  118. <div class="left">登记时间:</div>
  119. <div class="right"><input id="Szzydjsj" type="datetime" value=""></input></div>
  120. </li>
  121. <li>
  122. <div class="left">转诊单位:</div>
  123. <div class="right"><input id="Szzyzzdw" type="text" value=""></input></div>
  124. </li>
  125. <!-- <li>
  126. <div class="left">联系方式:</div>
  127. <div class="right"><input id="Yslxfs" type="text" value=""></input></div>
  128. </li> -->
  129. <li>
  130. <div class="left">患者姓名:</div>
  131. <div class="right"><input id="Hzname" type="text" onkeyup="darptSearch()"></input></div>
  132. <div class="selDpart1">
  133. <ul id="sponsor">
  134. </ul>
  135. </div>
  136. </li>
  137. <li>
  138. <div class="left">性别:</div>
  139. <div class="right"><input id="HzGender" type="text" value=""></input></div>
  140. </li>
  141. <li>
  142. <div class="left">年龄:</div>
  143. <div class="right"><input id="Hzage" type="text" value=""></input></div>
  144. </li>
  145. <li>
  146. <div class="left">诊断:</div>
  147. <div class="right"><input id="Hzzd" type="text" value=""></input></div>
  148. </li>
  149. <li>
  150. <div class="left">接诊科室:</div>
  151. <div class="right"><input id="Hzjzks" type="text" value=""></input></div>
  152. </li>
  153. <li>
  154. <div class="left">住院号:</div>
  155. <div class="right"><input id="Hzzyh" type="text" value=""></input></div>
  156. </li>
  157. <!-- <li>
  158. <div class="left">出车时间:</div>
  159. <div class="right"><input id="Syccsj" type="datetime-local" value=""></input></div>
  160. </li> -->
  161. <li>
  162. <div class="left">接回时间:</div>
  163. <div class="right"><input id="Syjhsj" type="datetime-local" value=""></input></div>
  164. </li>
  165. <!-- <li>
  166. <div class="left">责任人:</div>
  167. <div class="right"><input id="Syzzzrr" type="text" value=""></input></div>
  168. </li> -->
  169. <li>
  170. <div class="left">出院时间:</div>
  171. <div class="right"><input id="Sycysj" type="datetime-local" value=""></input></div>
  172. </li>
  173. <li>
  174. <div class="left">住院费用:</div>
  175. <div class="right"><input id="Syzzzyfy" type="text" value=""></input></div>
  176. </li>
  177. <!-- <li>
  178. <div class="left">诊后追踪服务:</div>
  179. <div class="right"><input id="Syzzzhzzfw" type="text" value=""></input></div>
  180. </li> -->
  181. <!-- <li>
  182. <div class="left">反馈首诊医师:</div>
  183. <div class="right"><input id="Syzzfkszys" type="text" value=""></input></div>
  184. </li> -->
  185. <li>
  186. <div class="left">责任人:</div>
  187. <div class="right"><input id="Syzzzrrss" type="text" value=""></input></div>
  188. </li>
  189. </ul>
  190. </div>
  191. </div>
  192. </div>
  193. <div class="repeat-btn">
  194. <button class="btns" id="HY_save">提&nbsp;交</button>
  195. </div>
  196. <!-- <script src="../js/WorkOrder/WorkOrderDetails.js"></script> -->
  197. <script src="../js/laydate/laydate.js"></script>
  198. <script src="../js/download/download.js"></script>
  199. <script>
  200. $(document).ready(function() {
  201. var ajaxUrl;
  202. var ids = helper.request.queryString("edit_id");
  203. if (ids) {
  204. ajaxUrl = "testusertypeapi/api/TestUserType/upWjzqjs";
  205. getValue(ids);
  206. $('#djtime').show()
  207. } else {
  208. ajaxUrl = "testusertypeapi/api/TestUserType/AddWjzqjs";
  209. $('#djtime').hide()
  210. }
  211. // var now=new Date();
  212. // $('#Szzydjsj').val(formatTime (now))
  213. laydate.render({
  214. elem: '#Szzydjsj',
  215. theme: '#249fea',
  216. value: $('#Szzydjsj').val()
  217. });
  218. //保存
  219. $("#HY_save").click(function() {
  220. // if(!$("#projectid").val()) {
  221. // layer.confirm('请选择设备状态!', {
  222. // icon: 2,
  223. // btn: ['确定'] //按钮
  224. // });
  225. // return;
  226. // }
  227. // if(!$("#equipname").val()) {
  228. // layer.confirm('请输入设备名称!', {
  229. // icon: 2,
  230. // btn: ['确定'] //按钮
  231. // });
  232. // return;
  233. // }
  234. addValue(ajaxUrl, ids);
  235. })
  236. })
  237. //患者姓名
  238. function darptSearch() {
  239. if ($('#Hzname').val() == '') {
  240. $(".selDpart1").css('display', 'none');
  241. } else {
  242. $(".selDpart1").css('display', 'block');
  243. getFormComplainedUnit();
  244. }
  245. }
  246. $("#sponsor").on('click', 'li', function() {
  247. $(".selDpart1").css('display', 'none');
  248. $("#Hzname").val($(this).html());
  249. var a=$(this).attr('index')
  250. console.log(a)
  251. // 获取患者信息
  252. $.ajax({
  253. type: "get",
  254. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/gethzinflists",
  255. dataType: 'json',
  256. async: true,
  257. data: {
  258. id: a,
  259. },
  260. success: function(data) {
  261. if (data.state.toLowerCase() == "success") {
  262. $('#Yslxfs').val(data.data[0].Yslxfs); //
  263. $('#HzGender').val(data.data[0].HzGender); //
  264. $('#Hzage').val(data.data[0].Hzage); //
  265. $('#Hzzd').val(data.data[0].Hzzd); //
  266. $('#Hzzyh').val(data.data[0].Hzzyh); //
  267. $('#Szzyzzdw').val(data.data[0].Szzyzzdw); //
  268. }
  269. }
  270. });
  271. })
  272. function getFormComplainedUnit() {
  273. $("#sponsor").empty();
  274. $.ajax({
  275. type: "get",
  276. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/gethzinflists",
  277. dataType: 'json',
  278. async: true,
  279. data: {
  280. name: $("#Hzname").val(),
  281. },
  282. success: function(data) {
  283. if (data.state.toLowerCase() == "success") {
  284. var content = data.data;
  285. if (content.length === 0) {
  286. $(".selDpart1").css('display', 'none');
  287. } else {
  288. $(content).each(function(i, n) {
  289. $("<li index='" + n.id + "' >" + n.Hzname + "</li>").appendTo("#sponsor");
  290. })
  291. }
  292. }
  293. }
  294. });
  295. }
  296. //获取详情
  297. function getValue(ids) {
  298. $.ajax({
  299. type: "get",
  300. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/GetWjzqjsbyid",
  301. async: true,
  302. dataType: 'json',
  303. data: {
  304. id: ids
  305. },
  306. success: function(data) {
  307. if (data.state.toLowerCase() == 'success') {
  308. if(data.data[0].Szzydjsj){
  309. var djsj=data.data[0].Szzydjsj.split(' ')
  310. for(var i=0;i<djsj.length;i++){
  311. $('#Szzydjsj').val(djsj[0]); //
  312. }
  313. }
  314. $('#Szzyzzdw').val(data.data[0].Szzyzzdw); //
  315. $('#Szzyzzys').val(data.data[0].Szzyzzys); //
  316. $('#Yslxfs').val(data.data[0].Yslxfs); //
  317. $('#Hzname').val(data.data[0].Hzname); //
  318. $('#HzGender').val(data.data[0].HzGender); //
  319. $('#Hzage').val(data.data[0].Hzage); //
  320. $('#Hzzd').val(data.data[0].Hzzd); //
  321. $('#Hzjzks').val(data.data[0].Hzjzks); //
  322. $('#Hzzyh').val(data.data[0].Hzzyh); //
  323. if (data.data[0].Syccsj) {
  324. var ccsj = data.data[0].Syccsj.split(' ')
  325. for (var i = 0; i < ccsj.length; i++) {
  326. $('#Syccsj').val(ccsj[0] + 'T' + ccsj[1]); //
  327. }
  328. }
  329. if (data.data[0].Syjhsj) {
  330. var jhsj = data.data[0].Syjhsj.split(' ')
  331. for (var i = 0; i < jhsj.length; i++) {
  332. $('#Syjhsj').val(jhsj[0] + 'T' + jhsj[1]); //
  333. }
  334. }
  335. if (data.data[0].Sycysj) {
  336. var zysj = data.data[0].Sycysj.split(' ')
  337. for (var i = 0; i < zysj.length; i++) {
  338. $('#Sycysj').val(zysj[0] + 'T' + zysj[1]); //
  339. }
  340. }
  341. $('#Syzzzyfy').val(data.data[0].Syzzzyfy); //
  342. // $('#Syzzzrr').val(data.data[0].Syzzzrr); //
  343. $('#Syzzzhzzfw').val(data.data[0].Syzzzhzzfw); //
  344. $('#Syzzfkszys').val(data.data[0].Syzzfkszys); //
  345. $('#Syzzzrrss').val(data.data[0].Syzzzrrss); //
  346. }
  347. }
  348. });
  349. }
  350. function formatTime (date) {
  351. var year = date.getFullYear()
  352. var month = date.getMonth() + 1
  353. var day = date.getDate()
  354. var hour = date.getHours()
  355. var minute = date.getMinutes()
  356. var second = date.getSeconds()
  357. return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
  358. }
  359. function formatNumber ( n ) {
  360. n = n.toString();
  361. return n[1] ? n : '0' + n;
  362. }
  363. //添加
  364. function addValue(ajaxUrl, ids) {
  365. var $storages = window.localStorage;
  366. $.ajax({
  367. type: "get",
  368. url: huayi.config.callcenter_url + ajaxUrl,
  369. // url: "http://192.168.1.21:28230/api/Equipment/update",
  370. async: true,
  371. dataType: 'json',
  372. data: {
  373. id: ids,
  374. Szzydjsj: $('#Szzydjsj').val(), //登记时间
  375. Szzyzzdw: $('#Szzyzzdw').val(), //转诊单位
  376. Szzyzzys: $('#Szzyzzys').val(), //转诊医师
  377. Yslxfs: $('#Yslxfs').val(), //联系方式
  378. Hzname: $('#Hzname').val(), //患者姓名
  379. HzGender: $('#HzGender').val(), //患者性别
  380. Hzage: $('#Hzage').val(), //患者年龄
  381. Hzzd: $('#Hzzd').val(), //患者诊断
  382. Hzjzks: $('#Hzjzks').val(), //接诊科室
  383. Hzzyh: $('#Hzzyh').val(), //住院号
  384. Syccsj: $('#Syccsj').val(), //出车时间
  385. Syjhsj: $('#Syjhsj').val(), //接回时间
  386. Sycysj: $('#Sycysj').val(), //住院时间
  387. Syzzzyfy: $('#Syzzzyfy').val(), //住院费用
  388. Syzzzrr: $storages.getItem('userName'), //责任人
  389. Syzzzhzzfw: $('#Syzzzhzzfw').val(), //诊后追踪服务
  390. Syzzfkszys: $('#Syzzfkszys').val(), //反馈首诊医师
  391. Syzzzrrss: $('#Syzzzrrss').val() //责任人
  392. },
  393. success: function(data) {
  394. console.log(1)
  395. if (data.state.toLowerCase() == 'success') {
  396. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  397. parent.layer.close(index); //再执行关闭
  398. layer.msg(data.message);
  399. parent.initTable();
  400. }
  401. }
  402. });
  403. }
  404. </script>
  405. </body>
  406. </html>