郑州第一人民医院UI

add1.html 15KB

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