郑州第一人民医院UI

add4.html 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429
  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="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
  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. .thumbnail {
  73. margin: 0 10px 10px;
  74. padding: 4px;
  75. float: left;
  76. width: 30%;
  77. height: 200px;
  78. background-color: #fff;
  79. border: 1px solid #ddd;
  80. border-radius: 4px;
  81. position: relative;
  82. cursor: pointer;
  83. }
  84. .thumbnail img {
  85. width: 100%;
  86. height: 100%;
  87. }
  88. .thumbnail .info {
  89. position: absolute;
  90. left: 4px;
  91. bottom: 4px;
  92. right: 4px;
  93. height: 35px;
  94. line-height: 35px;
  95. text-indent: 5px;
  96. background: rgba(0, 0, 0, 0.6);
  97. color: white;
  98. overflow: hidden;
  99. white-space: nowrap;
  100. text-overflow: ellipsis;
  101. font-size: 12px;
  102. z-index: 10;
  103. display: none;
  104. }
  105. .thumbnail:hover .info {
  106. display: block;
  107. }
  108. #djtime{
  109. display: none;
  110. }
  111. </style>
  112. </head>
  113. <body class="gray-bg">
  114. <div class="ckxq">
  115. <div class="gdxq">
  116. <div class="container wrapper-content animated fadeInRight">
  117. <ul class="form-horizontal">
  118. <div class="form-group" id="djtime">
  119. <label for="Szzyzzys" class="col-sm-3 control-label text-right">登记时间:</label>
  120. <div class="col-sm-9">
  121. <input id="Szzydjsj" class="dis" type="text" value=""></input>
  122. </div>
  123. </div>
  124. <div class="form-group">
  125. <label for="Szzyzzdw" class="col-sm-3 control-label text-right"><b
  126. class="text_require">*</b>转诊单位:</label>
  127. <div class="col-sm-9 ">
  128. <input list="Szzyzzdw" type="text" class="Szzyzzdw form-control" />
  129. </div>
  130. <datalist id="Szzyzzdw">
  131. </datalist>
  132. </div>
  133. <div class="form-group">
  134. <label for="Szzyzzys" class="col-sm-3 control-label text-right">转诊医师:</label>
  135. <div class="col-sm-9">
  136. <input id="Szzyzzys" class="dis" type="text" value=""></input>
  137. </div>
  138. </div>
  139. <!-- <li>
  140. <div class="left">联系方式:</div>
  141. <div class="right"><input id="Yslxfs" type="text" value=""></input></div>
  142. </li> -->
  143. <li class="form-group">
  144. <label for="Hzname" class="col-sm-3 control-label text-right">患者姓名:</label>
  145. <div class="right col-sm-9 "><input id="Hzname" type="text" onkeyup="darptSearch()"></input>
  146. </div>
  147. <div class="selDpart1">
  148. <ul id="sponsor">
  149. </ul>
  150. </div>
  151. </li>
  152. <div class="form-group">
  153. <label for="HzGender" class="col-sm-3 control-label text-right">性别:</label>
  154. <div class="col-sm-9">
  155. <input id="HzGender" class="dis" type="text" value=""></input>
  156. </div>
  157. </div>
  158. <div class="form-group">
  159. <label for="Szzyzzys" class="col-sm-3 control-label text-right">年龄:</label>
  160. <div class="col-sm-9">
  161. <input id="Hzage" class="dis" type="text" value=""></input>
  162. </div>
  163. </div>
  164. <div class="form-group">
  165. <label for="Hzjcxm" class="col-sm-3 control-label text-right">检查项目:</label>
  166. <div class="col-sm-9">
  167. <input id="Hzjcxm" class="dis" type="text" value=""></input>
  168. </div>
  169. </div>
  170. <!-- <li>
  171. <div class="left">联系方式:</div>
  172. <div class="right"><input id="Hzlxfs" type="text" value=""></input></div>
  173. </li> -->
  174. <!-- <li>
  175. <div class="left">转诊目的:</div>
  176. <div class="right"><input id="Syzzzzmd" type="text" value=""></input></div>
  177. </li> -->
  178. <div class="form-group">
  179. <label for="Xyjzsj" class="col-sm-3 control-label text-right">就诊时间:</label>
  180. <div class="col-sm-9">
  181. <input id="Xyjzsj" class="dis" type="datetime-local" value=""></input>
  182. </div>
  183. </div>
  184. <div class="form-group">
  185. <label for="Syzzzrr" class="col-sm-3 control-label text-right">责任人:</label>
  186. <div class="col-sm-9">
  187. <input id="Syzzzrr" class="dis" type="text" value=""></input>
  188. </div>
  189. </div>
  190. </ul>
  191. </div>
  192. </div>
  193. </div>
  194. <div class="repeat-btn">
  195. <button class="btns" id="HY_save">提&nbsp;交</button>
  196. </div>
  197. <script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
  198. <script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
  199. <script src="../js/laydate/laydate.js"></script>
  200. <script src="../js/download/download.js"></script>
  201. <script>
  202. $(document).ready(function() {
  203. getdept()
  204. // darptSearch2()
  205. var ajaxUrl;
  206. var ids = helper.request.queryString("edit_id");
  207. if (ids) {
  208. ajaxUrl = "testusertypeapi/api/TestUserType/upXzzls";
  209. getValue(ids);
  210. $('#djtime').show()
  211. } else {
  212. ajaxUrl = "testusertypeapi/api/TestUserType/AddXzzls";
  213. $('#djtime').hide()
  214. }
  215. laydate.render({
  216. elem: '#Szzydjsj',
  217. theme: '#249fea',
  218. value: $('#Szzydjsj').val()
  219. });
  220. //保存
  221. $("#HY_save").click(function() {
  222. // if(!$("#projectid").val()) {
  223. // layer.confirm('请选择设备状态!', {
  224. // icon: 2,
  225. // btn: ['确定'] //按钮
  226. // });
  227. // return;
  228. // }
  229. // if(!$("#equipname").val()) {
  230. // layer.confirm('请输入设备名称!', {
  231. // icon: 2,
  232. // btn: ['确定'] //按钮
  233. // });
  234. // return;
  235. // }
  236. addValue(ajaxUrl, ids);
  237. })
  238. })
  239. function getdept() {
  240. $.ajax({
  241. type: "get",
  242. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/getyltdeptmanagetwo", //获取数据的Servlet地址
  243. async: true,
  244. dataType: 'json',
  245. data: {
  246. pageindex: 1,
  247. pagesize: 1000,
  248. },
  249. success: function(data) {
  250. var equipmentdata = []
  251. if (data.state.toLowerCase() == 'success') {
  252. equipmentdata = data.data
  253. // console.log(equipmentdata.length)
  254. if (equipmentdata.length > 0) {
  255. for (var k = 0; k < equipmentdata.length; k++) {
  256. $(equipmentdata[k]).each(function(q, p) {
  257. $('#Szzyzzdw')
  258. .append('<option label="' + p.name + '" value="' + p.name + '"></option>');
  259. // $("<option value='" + p.equipment_name + "'>" + p.equipment_name + "</option>").appendTo("#equipname");
  260. $("#Szzyzzdw").selectpicker('refresh');
  261. // console.log(p.equipment_name)
  262. });
  263. }
  264. } else {
  265. $("#Szzyzzdw").empty();
  266. $("#Szzyzzdw").selectpicker('refresh');
  267. }
  268. }
  269. }
  270. });
  271. }
  272. //患者姓名
  273. function darptSearch() {
  274. if ($('#Hzname').val() == '') {
  275. $(".selDpart1").css('display', 'none');
  276. } else {
  277. $(".selDpart1").css('display', 'block');
  278. getFormComplainedUnit();
  279. }
  280. }
  281. $("#sponsor").on('click', 'li', function() {
  282. $(".selDpart1").css('display', 'none');
  283. $("#Hzname").val($(this).html());
  284. var a=$(this).attr('index')
  285. console.log(a)
  286. // 获取患者信息
  287. $.ajax({
  288. type: "get",
  289. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/gethzinflists",
  290. dataType: 'json',
  291. async: true,
  292. data: {
  293. id: a,
  294. },
  295. success: function(data) {
  296. if (data.state.toLowerCase() == "success") {
  297. $('#Yslxfs').val(data.data[0].Yslxfs); //
  298. $('#HzGender').val(data.data[0].HzGender); //
  299. $('#Hzage').val(data.data[0].Hzage); //
  300. $('#Hzlxfs').val(data.data[0].Hzlxfs); //
  301. // $('.Szzyzzdw').val(data.data[0].Szzyzzdw); //
  302. }
  303. }
  304. });
  305. })
  306. function getFormComplainedUnit() {
  307. $("#sponsor").empty();
  308. $.ajax({
  309. type: "get",
  310. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/gethzinflists",
  311. dataType: 'json',
  312. async: true,
  313. data: {
  314. name: $("#Hzname").val(),
  315. },
  316. success: function(data) {
  317. if (data.state.toLowerCase() == "success") {
  318. var content = data.data;
  319. if (content.length === 0) {
  320. $(".selDpart1").css('display', 'none');
  321. } else {
  322. $(content).each(function(i, n) {
  323. $("<li index='" + n.id + "' >" + n.Hzname + "</li>").appendTo("#sponsor");
  324. })
  325. }
  326. }
  327. }
  328. });
  329. }
  330. //获取详情
  331. function getValue(ids) {
  332. $.ajax({
  333. type: "get",
  334. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/GetXzzlsbyid",
  335. async: true,
  336. dataType: 'json',
  337. data: {
  338. id: ids
  339. },
  340. success: function(data) {
  341. if (data.state.toLowerCase() == 'success') {
  342. if(data.data[0].Szzydjsj){
  343. var djsj=data.data[0].Szzydjsj.split(' ')
  344. for(var i=0;i<djsj.length;i++){
  345. $('#Szzydjsj').val(djsj[0]); //
  346. }
  347. }
  348. $('.Szzyzzdw').val(data.data[0].Szzyzzdw); //
  349. $('#Szzyzzys').val(data.data[0].Szzyzzys); //
  350. $('#Yslxfs').val(data.data[0].Yslxfs); //
  351. $('#Hzname').val(data.data[0].Hzname); //
  352. $('#HzGender').val(data.data[0].HzGender); //
  353. $('#Hzage').val(data.data[0].Hzage); //
  354. $('#Hzjcxm').val(data.data[0].Hzjcxm); //
  355. $('#Hzlxfs').val(data.data[0].Hzlxfs); //
  356. $('#Syzzzzmd').val(data.data[0].Syzzzzmd); //
  357. if(data.data[0].Xyjzsj){
  358. var jzsj=data.data[0].Xyjzsj.split(' ')
  359. for(var i=0;i<jzsj.length;i++){
  360. $('#Xyjzsj').val(jzsj[0]+'T'+jzsj[1]); //
  361. }
  362. }
  363. $('#Syzzzrr').val(data.data[0].Syzzzrr); //
  364. }
  365. }
  366. });
  367. }
  368. //添加
  369. function addValue(ajaxUrl, ids) {
  370. $.ajax({
  371. type: "get",
  372. url: huayi.config.callcenter_url + ajaxUrl,
  373. // url: "http://192.168.1.21:28230/api/Equipment/update",
  374. async: true,
  375. dataType: 'json',
  376. data: {
  377. id: ids,
  378. Szzydjsj: $('#Szzydjsj').val(), //登记时间
  379. Szzyzzdw: $('.Szzyzzdw').val(), //转诊单位
  380. Szzyzzys: $('#Szzyzzys').val(), //转诊医师
  381. Yslxfs: $('#Yslxfs').val(), //联系方式
  382. Hzname: $('#Hzname').val(), //患者姓名
  383. HzGender: $('#HzGender').val(), //患者性别
  384. Hzage: $('#Hzage').val(), //患者年龄
  385. Hzjcxm: $('#Hzjcxm').val(), //检查项目
  386. Hzlxfs: $('#Hzlxfs').val(), //联系方式
  387. Syzzzzmd: $('#Syzzzzmd').val(), //转诊目的
  388. Xyjzsj: $('#Xyjzsj').val(), //就诊时间
  389. Syzzzrr: $('#Syzzzrr').val(), //责任人
  390. },
  391. success: function(data) {
  392. console.log(1)
  393. if (data.state.toLowerCase() == 'success') {
  394. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  395. parent.layer.close(index); //再执行关闭
  396. layer.msg(data.message);
  397. parent.initTable();
  398. }
  399. }
  400. });
  401. }
  402. </script>
  403. </body>
  404. </html>