郑州第一人民医院UI

add1.html 18KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653
  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 href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
  16. <!-- <link rel="stylesheet" href="../js/comboSelect/combo.select.css" /> -->
  17. <link href="../css/init.css" rel="stylesheet" />
  18. <title></title>
  19. <style>
  20. ul li {
  21. float: initial;
  22. list-style: none;
  23. }
  24. .repeat-btn {
  25. width: 100%;
  26. margin: 30px 0 0 0;
  27. text-align: center;
  28. }
  29. .ckxq .gdxq ul li {
  30. width: 100%;
  31. overflow: hidden;
  32. }
  33. .ckxq .gdxq ul li .left {
  34. width: 40%;
  35. float: left;
  36. }
  37. .ckxq .gdxq ul li .right {
  38. width: 60%;
  39. float: left;
  40. }
  41. .selDpart1 {
  42. display: none;
  43. position: absolute;
  44. left: 205px;
  45. top: 145px;
  46. z-index: 11111;
  47. width: 280px;
  48. line-height: 30px;
  49. background: #FFFFFF;
  50. }
  51. #sponsor {
  52. width: 280px;
  53. border: 1px solid #00a1cb;
  54. margin: 0;
  55. padding: 0;
  56. list-style: none;
  57. max-height: 212px;
  58. overflow-x: hidden;
  59. overflow-y: scroll;
  60. }
  61. #sponsor li {
  62. margin: 0;
  63. padding-left: 10px;
  64. width: 280px;
  65. height: 30px;
  66. line-height: 30px;
  67. list-style: none;
  68. }
  69. #sponsor li:hover {
  70. background: #00a1cb;
  71. }
  72. .selDpart2 {
  73. display: none;
  74. position: absolute;
  75. left: 205px;
  76. top: 306px;
  77. z-index: 11111;
  78. width: 280px;
  79. line-height: 30px;
  80. background: #FFFFFF;
  81. }
  82. #sponsor2 {
  83. width: 280px;
  84. border: 1px solid #00a1cb;
  85. margin: 0;
  86. padding: 0;
  87. list-style: none;
  88. max-height: 212px;
  89. overflow-x: hidden;
  90. overflow-y: scroll;
  91. }
  92. #sponsor2 li {
  93. margin: 0;
  94. padding-left: 10px;
  95. width: 280px;
  96. height: 30px;
  97. line-height: 30px;
  98. list-style: none;
  99. }
  100. #sponsor2 li:hover {
  101. background: #00a1cb;
  102. }
  103. .thumbnail {
  104. margin: 0 10px 10px;
  105. padding: 4px;
  106. float: left;
  107. width: 30%;
  108. height: 200px;
  109. background-color: #fff;
  110. border: 1px solid #ddd;
  111. border-radius: 4px;
  112. position: relative;
  113. cursor: pointer;
  114. }
  115. .thumbnail img {
  116. width: 100%;
  117. height: 100%;
  118. }
  119. .thumbnail .info {
  120. position: absolute;
  121. left: 4px;
  122. bottom: 4px;
  123. right: 4px;
  124. height: 35px;
  125. line-height: 35px;
  126. text-indent: 5px;
  127. background: rgba(0, 0, 0, 0.6);
  128. color: white;
  129. overflow: hidden;
  130. white-space: nowrap;
  131. text-overflow: ellipsis;
  132. font-size: 12px;
  133. z-index: 10;
  134. display: none;
  135. }
  136. .thumbnail:hover .info {
  137. display: block;
  138. }
  139. b.text_require {
  140. color: red;
  141. }
  142. #djtime {
  143. display: none;
  144. }
  145. </style>
  146. </head>
  147. <body class="gray-bg">
  148. <div class="ckxq">
  149. <div class="gdxq">
  150. <div class="container wrapper-content animated fadeInRight">
  151. <div class="form-horizontal">
  152. <div class="form-group" id="djtime">
  153. <label for="Szzydjsj" class="col-sm-3 control-label text-right">登记时间</label>
  154. <div class="col-sm-9">
  155. <input id="Szzydjsj" type="datetime" class="laydate-icon" name="timeBegin" required
  156. value=""></input>
  157. </div>
  158. </div>
  159. <div class="form-group">
  160. <label for="Szzyzzdw" class="col-sm-3 control-label text-right"><b
  161. class="text_require">*</b>转诊单位</label>
  162. <div class="col-sm-5">
  163. <select id="Szzyzzdw" class="form-control selectpicker dis" data-live-search="true">
  164. <option value="">请选择转诊单位</option>
  165. </select>
  166. </div>
  167. </div>
  168. <div class="form-group">
  169. <label for="Szzyzzys" class="col-sm-3 control-label text-right">转诊负责人</label>
  170. <div class="col-sm-9">
  171. <input id="Szzyzzys" class="dis" type="text" value=""></input>
  172. </div>
  173. </div>
  174. <!-- <li>
  175. <div class="left">联系方式:</div>
  176. <div class="right"><input id="Yslxfs" type="text" value="" ></input></div>
  177. </li> -->
  178. <div class="form-group">
  179. <label for="Hzname" class="col-sm-3 control-label text-right">患者姓名</label>
  180. <div class="col-sm-9">
  181. <input id="Hzname" type="text" class="dis" onkeyup="darptSearch()"></input>
  182. </div>
  183. <div class="selDpart1">
  184. <ul id="sponsor">
  185. </ul>
  186. </div>
  187. </div>
  188. <div class="form-group">
  189. <label for="HzGender" class="col-sm-3 control-label text-right">性别</label>
  190. <div class="col-sm-9">
  191. <input id="HzGender" type="text" class="dis" value=""></input>
  192. </div>
  193. </div>
  194. <div class="form-group">
  195. <label for="Hzage" class="col-sm-3 control-label text-right">年龄</label>
  196. <div class="col-sm-9">
  197. <input id="Hzage" type="text" class="dis" value=""></input>
  198. </div>
  199. </div>
  200. <div class="form-group">
  201. <label for="Hzzd" class="col-sm-3 control-label text-right">诊断</label>
  202. <div class="col-sm-9">
  203. <input id="Hzzd" type="text" class="dis" value=""></input>
  204. </div>
  205. </div>
  206. <div class="form-group">
  207. <label for="Hzzyks" class="col-sm-3 control-label text-right"><b
  208. class="text_require">*</b>住院科室</label>
  209. <div class="col-sm-5">
  210. <select id="Hzzyks" class="form-control selectpicker dis" data-live-search="true">
  211. <option value="">请选择住院科室</option>
  212. </select>
  213. </div>
  214. </div>
  215. <div class="form-group">
  216. <label for="Hzzyh" class="col-sm-3 control-label text-right">住院号</label>
  217. <div class="col-sm-9">
  218. <input id="Hzzyh" type="text" class="dis" value=""></input>
  219. </div>
  220. </div>
  221. <!-- <li>
  222. <div class="left">联系方式:</div>
  223. <div class="right"><input id="Hzlxfs" type="text" value=""></input></div>
  224. </li> -->
  225. <!-- <li>
  226. <div class="left">转诊目的:</div>
  227. <div class="right"><input id="Syzzzzmd" type="text" value=""></input></div>
  228. </li> -->
  229. <div class="form-group">
  230. <label for="Syzysj" class="col-sm-3 control-label text-right">住院时间</label>
  231. <div class="col-sm-9">
  232. <input id="Syzysj" type="date" class="dis" value=""></input>
  233. </div>
  234. </div>
  235. <div class="form-group">
  236. <label for="cydatetime" class="col-sm-3 control-label text-right">出院时间</label>
  237. <div class="col-sm-9">
  238. <input id="cydatetime" type="date" value=""></input>
  239. </div>
  240. </div>
  241. <div class="form-group">
  242. <label for="Syzyfy" class="col-sm-3 control-label text-right">住院费用</label>
  243. <div class="col-sm-9">
  244. <input id="Syzyfy" type="text" value=""></input>
  245. </div>
  246. </div>
  247. <!-- <li>
  248. <div class="left">责任人:</div>
  249. <div class="right"><input id="Syzzzrr" type="text" value=""></input></div>
  250. </li> -->
  251. <div class="form-group">
  252. <label for="Syzzzzfw" class="col-sm-3 control-label text-right">诊中服务</label>
  253. <div class="col-sm-9">
  254. <select id="Syzzzzfw" class="dis">
  255. <option value="患者自来">患者自来</option>
  256. <option value="120接回">120接回</option>
  257. <option value="科室人员陪同">科室人员陪同</option>
  258. </select>
  259. </div>
  260. </div>
  261. <div class="form-group">
  262. <label for="Syzzzrrs" class="col-sm-3 control-label text-right">责任人</label>
  263. <div class="col-sm-9">
  264. <input id="Syzzzrrs" class="dis" type="text" value=""></input>
  265. </div>
  266. </div>
  267. <!-- <li>
  268. <div class="left">责任人:</div>
  269. <div class="right"><input id="Syzzzrrss" type="text" value=""></input></div>
  270. </li> -->
  271. </div>
  272. </div>
  273. </div>
  274. </div>
  275. <div class="repeat-btn">
  276. <button class="btns" id="HY_save">提&nbsp;交</button>
  277. </div>
  278. <script src="../js/laydate/laydate.js"></script>
  279. <script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
  280. <script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
  281. <!-- <script src="../js/WorkOrder/WorkOrderDetails.js"></script> -->
  282. <script src="../js/download/download.js"></script>
  283. <script>
  284. $(document).ready(function() {
  285. getHzzyks()
  286. // 转诊单位
  287. getdept()
  288. var ajaxUrl;
  289. var ids = helper.request.queryString("edit_id");
  290. if (ids) {
  291. ajaxUrl = "testusertypeapi/api/TestUserType/upSzzy";
  292. getValue(ids);
  293. $('#djtime').show()
  294. $(".dis").attr('disabled', 'disabled')
  295. } else {
  296. ajaxUrl = "testusertypeapi/api/TestUserType/AddSzzy";
  297. $('#djtime').hide()
  298. }
  299. laydate.render({
  300. elem: '#Szzydjsj',
  301. theme: '#249fea',
  302. value: $('#Szzydjsj').val()
  303. });
  304. //保存
  305. $("#HY_save").click(function() {
  306. // if(!$("#projectid").val()) {
  307. // layer.confirm('请选择设备状态!', {
  308. // icon: 2,
  309. // btn: ['确定'] //按钮
  310. // });
  311. // return;
  312. // }
  313. // if(!$("#equipname").val()) {
  314. // layer.confirm('请输入设备名称!', {
  315. // icon: 2,
  316. // btn: ['确定'] //按钮
  317. // });
  318. // return;
  319. // }
  320. addValue(ajaxUrl, ids);
  321. })
  322. })
  323. function getdept() {
  324. $("#Szzyzzdw").html('');
  325. equipmentdata = []
  326. $("#Szzyzzdw").append('<option value="">请选择转诊单位</option>');
  327. $.ajax({
  328. type: "get",
  329. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/getyltdeptmanagetwo",
  330. async: true,
  331. dataType: 'json',
  332. success: function(data) {
  333. var leveldata = []
  334. if (data.state.toLowerCase() == 'success') {
  335. leveldata = data.data
  336. // console.log(leveldata)
  337. $(leveldata).each(function(q, p) {
  338. // console.log(p)
  339. $("<option value='" + p.name + "'>" + p.name + "</option>").appendTo(
  340. "#Szzyzzdw");
  341. $("#Szzyzzdw").selectpicker('refresh');
  342. });
  343. } else {
  344. $("#Szzyzzdw").empty();
  345. $("#Szzyzzdw").selectpicker('refresh');
  346. }
  347. }
  348. });
  349. }
  350. //患者姓名
  351. function darptSearch() {
  352. if ($('#Hzname').val() == '') {
  353. $(".selDpart1").css('display', 'none');
  354. } else {
  355. $(".selDpart1").css('display', 'block');
  356. getFormComplainedUnit();
  357. }
  358. }
  359. $("#sponsor").on('click', 'li', function() {
  360. $(".selDpart1").css('display', 'none');
  361. $("#Hzname").val($(this).html());
  362. var a = $(this).attr('index')
  363. console.log(a)
  364. // 获取患者信息
  365. $.ajax({
  366. type: "get",
  367. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/gethzinflists",
  368. dataType: 'json',
  369. async: true,
  370. data: {
  371. id: a,
  372. },
  373. success: function(data) {
  374. if (data.state.toLowerCase() == "success") {
  375. $('#Yslxfs').val(data.data[0].Yslxfs); //
  376. $('#HzGender').val(data.data[0].HzGender); //
  377. $('#Hzage').val(data.data[0].Hzage); //
  378. $('#Hzzd').val(data.data[0].Hzzd); //
  379. $('#Hzzyh').val(data.data[0].Hzzyh); //
  380. $('#cydatetime').val(data.data[0].cydatetime); //
  381. // $('#Szzyzzdw').val(data.data[0].Szzyzzdw); //
  382. $('#Hzlxfs').val(data.data[0].Hzlxfs); //
  383. }
  384. }
  385. });
  386. })
  387. function getFormComplainedUnit() {
  388. $("#sponsor").empty();
  389. console.log($("#Hzname").val())
  390. $.ajax({
  391. type: "get",
  392. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/gethzinflists",
  393. dataType: 'json',
  394. async: true,
  395. data: {
  396. name: $("#Hzname").val(),
  397. },
  398. success: function(data) {
  399. if (data.state.toLowerCase() == "success") {
  400. var content = data.data;
  401. if (content.length === 0) {
  402. $(".selDpart1").css('display', 'none');
  403. } else {
  404. $(content).each(function(i, n) {
  405. $("<li index='" + n.id + "' >" + n.Hzname + "</li>").appendTo(
  406. "#sponsor");
  407. })
  408. }
  409. }
  410. }
  411. });
  412. }
  413. //住院科室
  414. function darptSearch2() {
  415. if ($('#Hzzyks').val() == '') {
  416. $(".selDpart2").css('display', 'none');
  417. } else {
  418. $(".selDpart2").css('display', 'block');
  419. getFormComplainedUnit2();
  420. }
  421. }
  422. $("#sponsor2").on('click', 'li', function() {
  423. $(".selDpart2").css('display', 'none');
  424. $("#Hzzyks").val($(this).html());
  425. })
  426. function getFormComplainedUnit2() {
  427. $("#sponsor2").empty();
  428. $.ajax({
  429. type: "get",
  430. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/getalldeptnlists",
  431. dataType: 'json',
  432. async: true,
  433. data: {
  434. name: $("#Hzzyks").val(),
  435. },
  436. success: function(data) {
  437. if (data.state.toLowerCase() == "success") {
  438. var content = data.data;
  439. if (content.length === 0) {
  440. $(".selDpart2").css('display', 'none');
  441. } else {
  442. $(content).each(function(i, n) {
  443. $("<li index='" + n.name + "' >" + n.name + "</li>").appendTo(
  444. "#sponsor2");
  445. })
  446. }
  447. }
  448. }
  449. });
  450. }
  451. function getHzzyks() {
  452. $("#Hzzyks").html('');
  453. equipmentdata = []
  454. $("#Hzzyks").append('<option value="">请选择住院科室</option>');
  455. $.ajax({
  456. type: "get",
  457. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/getalldeptnlists",
  458. dataType: 'json',
  459. async: true,
  460. data: {
  461. name: '',
  462. },
  463. success: function(data) {
  464. var leveldata = []
  465. if (data.state.toLowerCase() == 'success') {
  466. leveldata = data.data
  467. // console.log(leveldata)
  468. $(leveldata).each(function(q, p) {
  469. // console.log(p)
  470. $("<option value='" + p.name + "'>" + p.name + "</option>").appendTo(
  471. "#Hzzyks");
  472. $("#Hzzyks").selectpicker('refresh');
  473. });
  474. } else {
  475. $("#Hzzyks").empty();
  476. $("#Hzzyks").selectpicker('refresh');
  477. }
  478. }
  479. });
  480. }
  481. //获取详情
  482. function getValue(ids) {
  483. $.ajax({
  484. type: "get",
  485. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/GetSzzybyid",
  486. async: true,
  487. dataType: 'json',
  488. data: {
  489. id: ids
  490. },
  491. success: function(data) {
  492. if (data.state.toLowerCase() == 'success') {
  493. if (data.data[0].Szzydjsj) {
  494. var djsj = data.data[0].Szzydjsj.split(' ')
  495. for (var i = 0; i < djsj.length; i++) {
  496. $('#Szzydjsj').val(djsj[0]); //
  497. }
  498. }
  499. $('#Szzyzzdw option:selected').text(data.data[0].Szzyzzdw); //
  500. $('#Szzyzzdw').selectpicker('refresh');
  501. $('#Szzyzzdw').selectpicker('render');
  502. $('#Szzyzzys').val(data.data[0].Szzyzzys); //
  503. $('#Yslxfs').val(data.data[0].Yslxfs); //
  504. $('#Hzname').val(data.data[0].Hzname); //
  505. $('#HzGender').val(data.data[0].HzGender); //
  506. $('#Hzage').val(data.data[0].Hzage); //
  507. $('#Hzzd').val(data.data[0].Hzzd); //
  508. $('#Hzzyks option:selected').text(data.data[0].Hzzyks); //
  509. $('#Hzzyks').selectpicker('refresh');
  510. $('#Hzzyks').selectpicker('render');
  511. $('#Hzzyh').val(data.data[0].Hzzyh); //
  512. if (data.data[0].cydatetime) {
  513. var djsj = data.data[0].cydatetime.split(' ')
  514. for (var i = 0; i < djsj.length; i++) {
  515. $('#cydatetime').val(djsj[0]); //
  516. }
  517. }
  518. $('#Hzlxfs').val(data.data[0].Hzlxfs); //
  519. $('#Syzzzzmd').val(data.data[0].Syzzzzmd); //
  520. if (data.data[0].Syzysj) {
  521. var zysj = data.data[0].Syzysj.slice(0, 10)
  522. $('#Syzysj').val(zysj); //
  523. }
  524. $('#Syzyfy').val(data.data[0].Syzyfy); //
  525. // $('#Syzzzrr').val(data.data[0].Syzzzrr); //
  526. $('#Syzzzzfw').val(data.data[0].Syzzzzfw); //
  527. $('#Syzzzrrs').val(data.data[0].Syzzzrrs); //
  528. $('#Syzzzrrss').val(data.data[0].Syzzzrrss); //
  529. }
  530. }
  531. });
  532. }
  533. //添加
  534. function addValue(ajaxUrl, ids) {
  535. if ($('#Hzzyks').text() == '') {
  536. layer.msg('住院科室不能为空!')
  537. } else if ($('#Szzyzzdw option:selected').text() == '请选择转诊单位') {
  538. layer.msg('转诊单位不能为空!')
  539. } else {
  540. var $storages = window.localStorage;
  541. $.ajax({
  542. type: "get",
  543. url: huayi.config.callcenter_url + ajaxUrl,
  544. // url: "http://192.168.1.21:28230/api/Equipment/update",
  545. async: true,
  546. dataType: 'json',
  547. data: {
  548. id: ids,
  549. Szzydjsj: $('#Szzydjsj').val(), //登记时间
  550. Szzyzzdw: $('#Szzyzzdw option:selected').text(), //转诊单位
  551. Szzyzzys: $('#Szzyzzys').val(), //转诊医师
  552. Yslxfs: $('#Yslxfs').val(), //联系方式
  553. Hzname: $('#Hzname').val(), //患者姓名
  554. HzGender: $('#HzGender').val(), //患者性别
  555. Hzage: $('#Hzage').val(), //患者年龄
  556. Hzzd: $('#Hzzd').val(), //患者诊断
  557. Hzzyks: $('#Hzzyks option:selected').text(), //住院科室
  558. Hzzyh: $('#Hzzyh').val(), //住院号
  559. cydatetime: $('#cydatetime').val(), //出院时间
  560. Hzlxfs: $('#Hzlxfs').val(), //联系方式
  561. Syzzzzmd: $('#Syzzzzmd').val(), //转诊目的
  562. Syzysj: $('#Syzysj').val(), //住院时间
  563. Syzyfy: $('#Syzyfy').val(), //住院费用
  564. Syzzzrr: $storages.getItem('userName'), //责任人
  565. Syzzzzfw: $('#Syzzzzfw').val(), //诊中服务
  566. Syzzzrrs: $('#Syzzzrrs').val(), //责任人
  567. Syzzzrrss: $('#Syzzzrrss').val() //责任人
  568. },
  569. success: function(data) {
  570. console.log(1)
  571. if (data.state.toLowerCase() == 'success') {
  572. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  573. parent.layer.close(index); //再执行关闭
  574. layer.msg(data.message);
  575. parent.initTable();
  576. }
  577. }
  578. });
  579. }
  580. }
  581. </script>
  582. </body>
  583. </html>