郑州第一人民医院UI

add1.html 16KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574
  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 value=""></input>
  156. </div>
  157. </div>
  158. <div class="form-group">
  159. <label for="Szzyzzdw" class="col-sm-3 control-label text-right"><b class="text_require">*</b>转诊单位</label>
  160. <div class="col-sm-5">
  161. <select id="Szzyzzdw" class="form-control selectpicker dis" data-live-search="true">
  162. <option value="">请选择转诊单位</option>
  163. </select>
  164. </div>
  165. </div>
  166. <div class="form-group">
  167. <label for="Szzyzzys" class="col-sm-3 control-label text-right">转诊医师</label>
  168. <div class="col-sm-9">
  169. <input id="Szzyzzys" class="dis" type="text" value=""></input>
  170. </div>
  171. </div>
  172. <!-- <li>
  173. <div class="left">联系方式:</div>
  174. <div class="right"><input id="Yslxfs" type="text" value="" ></input></div>
  175. </li> -->
  176. <div class="form-group">
  177. <label for="Hzname" class="col-sm-3 control-label text-right">患者姓名</label>
  178. <div class="col-sm-9">
  179. <input id="Hzname" type="text" class="dis" onkeyup="darptSearch()"></input>
  180. </div>
  181. <div class="selDpart1">
  182. <ul id="sponsor">
  183. </ul>
  184. </div>
  185. </div>
  186. <div class="form-group">
  187. <label for="HzGender" class="col-sm-3 control-label text-right">性别</label>
  188. <div class="col-sm-9">
  189. <input id="HzGender" type="text" class="dis" value=""></input>
  190. </div>
  191. </div>
  192. <div class="form-group">
  193. <label for="Hzage" class="col-sm-3 control-label text-right">年龄</label>
  194. <div class="col-sm-9">
  195. <input id="Hzage" type="text" class="dis" value=""></input>
  196. </div>
  197. </div>
  198. <div class="form-group">
  199. <label for="Hzzd" class="col-sm-3 control-label text-right">诊断</label>
  200. <div class="col-sm-9">
  201. <input id="Hzzd" type="text" class="dis" value=""></input>
  202. </div>
  203. </div>
  204. <div class="form-group">
  205. <label for="Hzzyks" class="col-sm-3 control-label text-right"><b class="text_require">*</b>住院科室</label>
  206. <div class="col-sm-9">
  207. <input type="text" id="Hzzyks" placeholder="请输入" class="dis" value="" onkeyup="darptSearch2()" autocomplete="off" />
  208. </div>
  209. <div class="selDpart2">
  210. <ul id="sponsor2">
  211. </ul>
  212. </div>
  213. </div>
  214. <div class="form-group">
  215. <label for="Hzzyh" class="col-sm-3 control-label text-right">住院号</label>
  216. <div class="col-sm-9">
  217. <input id="Hzzyh" type="text" class="dis" value=""></input>
  218. </div>
  219. </div>
  220. <!-- <li>
  221. <div class="left">联系方式:</div>
  222. <div class="right"><input id="Hzlxfs" type="text" value=""></input></div>
  223. </li> -->
  224. <!-- <li>
  225. <div class="left">转诊目的:</div>
  226. <div class="right"><input id="Syzzzzmd" type="text" value=""></input></div>
  227. </li> -->
  228. <div class="form-group">
  229. <label for="Hzzyh" class="col-sm-3 control-label text-right">住院时间</label>
  230. <div class="col-sm-9">
  231. <input id="Syzysj" type="date" class="dis" value=""></input>
  232. </div>
  233. </div>
  234. <div class="form-group">
  235. <label for="Syzyfy" class="col-sm-3 control-label text-right">住院费用</label>
  236. <div class="col-sm-9">
  237. <input id="Syzyfy" type="text" value=""></input>
  238. </div>
  239. </div>
  240. <!-- <li>
  241. <div class="left">责任人:</div>
  242. <div class="right"><input id="Syzzzrr" type="text" value=""></input></div>
  243. </li> -->
  244. <div class="form-group">
  245. <label for="Syzzzzfw" class="col-sm-3 control-label text-right">诊中服务</label>
  246. <div class="col-sm-9">
  247. <select id="Syzzzzfw" class="dis">
  248. <option value="患者自来">患者自来</option>
  249. <option value="120接回">120接回</option>
  250. <option value="科室人员陪同">科室人员陪同</option>
  251. </select>
  252. </div>
  253. </div>
  254. <div class="form-group">
  255. <label for="Syzzzrrs" class="col-sm-3 control-label text-right">责任人</label>
  256. <div class="col-sm-9">
  257. <input id="Syzzzrrs" class="dis" type="text" value=""></input>
  258. </div>
  259. </div>
  260. <!-- <li>
  261. <div class="left">责任人:</div>
  262. <div class="right"><input id="Syzzzrrss" type="text" value=""></input></div>
  263. </li> -->
  264. </div>
  265. </div>
  266. </div>
  267. </div>
  268. <div class="repeat-btn">
  269. <button class="btns" id="HY_save">提&nbsp;交</button>
  270. </div>
  271. <script src="../js/laydate/laydate.js"></script>
  272. <script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
  273. <script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
  274. <!-- <script src="../js/WorkOrder/WorkOrderDetails.js"></script> -->
  275. <script src="../js/download/download.js"></script>
  276. <script>
  277. $(document).ready(function() {
  278. // 转诊单位
  279. getdept()
  280. var ajaxUrl;
  281. var ids = helper.request.queryString("edit_id");
  282. if (ids) {
  283. ajaxUrl = "testusertypeapi/api/TestUserType/upSzzy";
  284. getValue(ids);
  285. $('#djtime').show()
  286. $(".dis").attr('disabled', 'disabled')
  287. } else {
  288. ajaxUrl = "testusertypeapi/api/TestUserType/AddSzzy";
  289. $('#djtime').hide()
  290. }
  291. laydate.render({
  292. elem: '#Szzydjsj',
  293. theme: '#249fea',
  294. value: $('#Szzydjsj').val()
  295. });
  296. //保存
  297. $("#HY_save").click(function() {
  298. // if(!$("#projectid").val()) {
  299. // layer.confirm('请选择设备状态!', {
  300. // icon: 2,
  301. // btn: ['确定'] //按钮
  302. // });
  303. // return;
  304. // }
  305. // if(!$("#equipname").val()) {
  306. // layer.confirm('请输入设备名称!', {
  307. // icon: 2,
  308. // btn: ['确定'] //按钮
  309. // });
  310. // return;
  311. // }
  312. addValue(ajaxUrl, ids);
  313. })
  314. })
  315. function getdept() {
  316. $("#Szzyzzdw").html('');
  317. equipmentdata = []
  318. $("#Szzyzzdw").append('<option value="">请选择转诊单位</option>');
  319. $.ajax({
  320. type: "get",
  321. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/getyltdeptmanagetwo",
  322. async: true,
  323. dataType: 'json',
  324. success: function(data) {
  325. var leveldata = []
  326. if (data.state.toLowerCase() == 'success') {
  327. leveldata = data.data
  328. // console.log(leveldata)
  329. $(leveldata).each(function(q, p) {
  330. // console.log(p)
  331. $("<option value='" + p.name + "'>" + p.name + "</option>").appendTo("#Szzyzzdw");
  332. $("#Szzyzzdw").selectpicker('refresh');
  333. });
  334. } else {
  335. $("#Szzyzzdw").empty();
  336. $("#Szzyzzdw").selectpicker('refresh');
  337. }
  338. }
  339. });
  340. }
  341. //患者姓名
  342. function darptSearch() {
  343. if ($('#Hzname').val() == '') {
  344. $(".selDpart1").css('display', 'none');
  345. } else {
  346. $(".selDpart1").css('display', 'block');
  347. getFormComplainedUnit();
  348. }
  349. }
  350. $("#sponsor").on('click', 'li', function() {
  351. $(".selDpart1").css('display', 'none');
  352. $("#Hzname").val($(this).html());
  353. var a = $(this).attr('index')
  354. console.log(a)
  355. // 获取患者信息
  356. $.ajax({
  357. type: "get",
  358. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/gethzinflists",
  359. dataType: 'json',
  360. async: true,
  361. data: {
  362. id: a,
  363. },
  364. success: function(data) {
  365. if (data.state.toLowerCase() == "success") {
  366. $('#Yslxfs').val(data.data[0].Yslxfs); //
  367. $('#HzGender').val(data.data[0].HzGender); //
  368. $('#Hzage').val(data.data[0].Hzage); //
  369. $('#Hzzd').val(data.data[0].Hzzd); //
  370. $('#Hzzyh').val(data.data[0].Hzzyh); //
  371. // $('#Szzyzzdw').val(data.data[0].Szzyzzdw); //
  372. $('#Hzlxfs').val(data.data[0].Hzlxfs); //
  373. }
  374. }
  375. });
  376. })
  377. function getFormComplainedUnit() {
  378. $("#sponsor").empty();
  379. console.log($("#Hzname").val())
  380. $.ajax({
  381. type: "get",
  382. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/gethzinflists",
  383. dataType: 'json',
  384. async: true,
  385. data: {
  386. name: $("#Hzname").val(),
  387. },
  388. success: function(data) {
  389. if (data.state.toLowerCase() == "success") {
  390. var content = data.data;
  391. if (content.length === 0) {
  392. $(".selDpart1").css('display', 'none');
  393. } else {
  394. $(content).each(function(i, n) {
  395. $("<li index='" + n.id + "' >" + n.Hzname + "</li>").appendTo("#sponsor");
  396. })
  397. }
  398. }
  399. }
  400. });
  401. }
  402. //住院科室
  403. function darptSearch2() {
  404. if ($('#Hzzyks').val() == '') {
  405. $(".selDpart2").css('display', 'none');
  406. } else {
  407. $(".selDpart2").css('display', 'block');
  408. getFormComplainedUnit2();
  409. }
  410. }
  411. $("#sponsor2").on('click', 'li', function() {
  412. $(".selDpart2").css('display', 'none');
  413. $("#Hzzyks").val($(this).html());
  414. })
  415. function getFormComplainedUnit2() {
  416. $("#sponsor2").empty();
  417. $.ajax({
  418. type: "get",
  419. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/getalldeptnlists",
  420. dataType: 'json',
  421. async: true,
  422. data: {
  423. name: $("#Hzzyks").val(),
  424. },
  425. success: function(data) {
  426. if (data.state.toLowerCase() == "success") {
  427. var content = data.data;
  428. if (content.length === 0) {
  429. $(".selDpart2").css('display', 'none');
  430. } else {
  431. $(content).each(function(i, n) {
  432. $("<li index='" + n.name + "' >" + n.name + "</li>").appendTo("#sponsor2");
  433. })
  434. }
  435. }
  436. }
  437. });
  438. }
  439. //获取详情
  440. function getValue(ids) {
  441. $.ajax({
  442. type: "get",
  443. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/GetSzzybyid",
  444. async: true,
  445. dataType: 'json',
  446. data: {
  447. id: ids
  448. },
  449. success: function(data) {
  450. if (data.state.toLowerCase() == 'success') {
  451. if (data.data[0].Szzydjsj) {
  452. var djsj = data.data[0].Szzydjsj.split(' ')
  453. for (var i = 0; i < djsj.length; i++) {
  454. $('#Szzydjsj').val(djsj[0]); //
  455. }
  456. }
  457. $('#Szzyzzdw option:selected').text(data.data[0].Szzyzzdw); //
  458. $('#Szzyzzdw').selectpicker('refresh');
  459. $('#Szzyzzdw').selectpicker('render');
  460. $('#Szzyzzys').val(data.data[0].Szzyzzys); //
  461. $('#Yslxfs').val(data.data[0].Yslxfs); //
  462. $('#Hzname').val(data.data[0].Hzname); //
  463. $('#HzGender').val(data.data[0].HzGender); //
  464. $('#Hzage').val(data.data[0].Hzage); //
  465. $('#Hzzd').val(data.data[0].Hzzd); //
  466. $('#Hzzyks').val(data.data[0].Hzzyks); //
  467. $('#Hzzyh').val(data.data[0].Hzzyh); //
  468. $('#Hzlxfs').val(data.data[0].Hzlxfs); //
  469. $('#Syzzzzmd').val(data.data[0].Syzzzzmd); //
  470. if (data.data[0].Syzysj) {
  471. var zysj = data.data[0].Syzysj.slice(0, 10)
  472. $('#Syzysj').val(zysj); //
  473. }
  474. $('#Syzyfy').val(data.data[0].Syzyfy); //
  475. // $('#Syzzzrr').val(data.data[0].Syzzzrr); //
  476. $('#Syzzzzfw').val(data.data[0].Syzzzzfw); //
  477. $('#Syzzzrrs').val(data.data[0].Syzzzrrs); //
  478. $('#Syzzzrrss').val(data.data[0].Syzzzrrss); //
  479. }
  480. }
  481. });
  482. }
  483. //添加
  484. function addValue(ajaxUrl, ids) {
  485. if ($('#Hzzyks').val() == '') {
  486. layer.msg('住院科室不能为空!')
  487. }else if($('#Szzyzzdw option:selected').text()=='请选择转诊单位'){
  488. layer.msg('转诊单位不能为空!')
  489. }else {
  490. var $storages = window.localStorage;
  491. $.ajax({
  492. type: "get",
  493. url: huayi.config.callcenter_url + ajaxUrl,
  494. // url: "http://192.168.1.21:28230/api/Equipment/update",
  495. async: true,
  496. dataType: 'json',
  497. data: {
  498. id: ids,
  499. Szzydjsj: $('#Szzydjsj').val(), //登记时间
  500. Szzyzzdw: $('#Szzyzzdw option:selected').text(), //转诊单位
  501. Szzyzzys: $('#Szzyzzys').val(), //转诊医师
  502. Yslxfs: $('#Yslxfs').val(), //联系方式
  503. Hzname: $('#Hzname').val(), //患者姓名
  504. HzGender: $('#HzGender').val(), //患者性别
  505. Hzage: $('#Hzage').val(), //患者年龄
  506. Hzzd: $('#Hzzd').val(), //患者诊断
  507. Hzzyks: $('#Hzzyks').val(), //住院科室
  508. Hzzyh: $('#Hzzyh').val(), //住院号
  509. Hzlxfs: $('#Hzlxfs').val(), //联系方式
  510. Syzzzzmd: $('#Syzzzzmd').val(), //转诊目的
  511. Syzysj: $('#Syzysj').val(), //住院时间
  512. Syzyfy: $('#Syzyfy').val(), //住院费用
  513. Syzzzrr: $storages.getItem('userName'), //责任人
  514. Syzzzzfw: $('#Syzzzzfw').val(), //诊中服务
  515. Syzzzrrs: $('#Syzzzrrs').val(), //责任人
  516. Syzzzrrss: $('#Syzzzrrss').val() //责任人
  517. },
  518. success: function(data) {
  519. console.log(1)
  520. if (data.state.toLowerCase() == 'success') {
  521. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  522. parent.layer.close(index); //再执行关闭
  523. layer.msg(data.message);
  524. parent.initTable();
  525. }
  526. }
  527. });
  528. }
  529. }
  530. </script>
  531. </body>
  532. </html>