Bez popisu

add5.html 14KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477
  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 class="form-group">
  140. <label for="Hzname" class="col-sm-3 control-label text-right">患者姓名:</label>
  141. <div class="right col-sm-9 "><input id="Hzname" type="text" onkeyup="darptSearch()"></input>
  142. </div>
  143. <div class="selDpart1">
  144. <ul id="sponsor">
  145. </ul>
  146. </div>
  147. </li>
  148. <div class="form-group">
  149. <label for="HzGender" class="col-sm-3 control-label text-right">性别:</label>
  150. <div class="col-sm-9">
  151. <input id="HzGender" class="dis" type="text" value=""></input>
  152. </div>
  153. </div>
  154. <div class="form-group">
  155. <label for="Szzyzzys" class="col-sm-3 control-label text-right">年龄:</label>
  156. <div class="col-sm-9">
  157. <input id="Hzage" class="dis" type="text" value=""></input>
  158. </div>
  159. </div>
  160. <div class="form-group">
  161. <label for="Hzjcxm" class="col-sm-3 control-label text-right">检查项目:</label>
  162. <div class="col-sm-9">
  163. <input id="Hzjcxm" class="dis" type="text" value=""></input>
  164. </div>
  165. </div>
  166. <div class="form-group">
  167. <label for="Hzzd" class="col-sm-3 control-label text-right">诊断:</label>
  168. <div class="col-sm-9">
  169. <input id="Hzzd" class="dis" type="text" value=""></input>
  170. </div>
  171. </div>
  172. <div class="form-group">
  173. <label for="Syzysj" class="col-sm-3 control-label text-right">住院时间:</label>
  174. <div class="col-sm-9">
  175. <input id="Syzysj" class="dis" type="date" value=""></input>
  176. </div>
  177. </div>
  178. <div class="form-group">
  179. <label for="Syzqtx" class="col-sm-3 control-label text-right">诊前提醒:</label>
  180. <div class="col-sm-9">
  181. <input id="Syzqtx" class="dis" type="text" value=""></input>
  182. </div>
  183. </div>
  184. <div class="form-group">
  185. <label for="Syzzzzfw" class="col-sm-3 control-label text-right">诊中服务:</label>
  186. <div class="col-sm-5">
  187. <select id="Syzzzzfw" class="form-control selectpicker dis" data-live-search="true">
  188. <option value="患者自来">患者自来</option>
  189. <option value="120接回">120接回</option>
  190. <option value="科室人员陪同">科室人员陪同</option>
  191. </select>
  192. </div>
  193. </div>
  194. <div class="form-group">
  195. <label for="Syzzzrrs" class="col-sm-3 control-label text-right">责任人:</label>
  196. <div class="col-sm-9">
  197. <input id="Syzzzrrs" class="dis" type="text" value=""></input>
  198. </div>
  199. </div>
  200. <div class="form-group">
  201. <label for="Syzzzhzzfw" class="col-sm-3 control-label text-right">诊后追踪服务:</label>
  202. <div class="col-sm-9">
  203. <input id="Syzzzhzzfw" class="dis" type="text" value=""></input>
  204. </div>
  205. </div>
  206. <div class="form-group">
  207. <label for="Syzzzrrss" class="col-sm-3 control-label text-right">责任人:</label>
  208. <div class="col-sm-9">
  209. <input id="Syzzzrrss" class="dis" type="text" value=""></input>
  210. </div>
  211. </div>
  212. </ul>
  213. </div>
  214. </div>
  215. </div>
  216. <div class="repeat-btn">
  217. <button class="btns" id="HY_save">提&nbsp;交</button>
  218. </div>
  219. <script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
  220. <script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
  221. <!-- <script src="../js/WorkOrder/WorkOrderDetails.js"></script> -->
  222. <script src="../js/laydate/laydate.js"></script>
  223. <script src="../js/download/download.js"></script>
  224. <script>
  225. $(document).ready(function() {
  226. getdept()
  227. var ajaxUrl;
  228. var ids = helper.request.queryString("edit_id");
  229. if(ids) {
  230. ajaxUrl = "testusertypeapi/api/TestUserType/upXzzys";
  231. getValue(ids);
  232. $('#djtime').show()
  233. } else {
  234. ajaxUrl = "testusertypeapi/api/TestUserType/AddXzzys";
  235. $('#djtime').hide()
  236. }
  237. laydate.render({
  238. elem: '#Szzydjsj',
  239. theme: '#249fea',
  240. value: $('#Szzydjsj').val()
  241. });
  242. //保存
  243. $("#HY_save").click(function() {
  244. // if(!$("#projectid").val()) {
  245. // layer.confirm('请选择设备状态!', {
  246. // icon: 2,
  247. // btn: ['确定'] //按钮
  248. // });
  249. // return;
  250. // }
  251. // if(!$("#equipname").val()) {
  252. // layer.confirm('请输入设备名称!', {
  253. // icon: 2,
  254. // btn: ['确定'] //按钮
  255. // });
  256. // return;
  257. // }
  258. addValue(ajaxUrl, ids);
  259. })
  260. })
  261. function getdept() {
  262. $.ajax({
  263. type: "get",
  264. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/getyltdeptmanagetwo", //获取数据的Servlet地址
  265. async: true,
  266. dataType: 'json',
  267. data: {
  268. pageindex: 1,
  269. pagesize: 1000,
  270. },
  271. success: function(data) {
  272. var equipmentdata = []
  273. if (data.state.toLowerCase() == 'success') {
  274. equipmentdata = data.data
  275. // console.log(equipmentdata.length)
  276. if (equipmentdata.length > 0) {
  277. for (var k = 0; k < equipmentdata.length; k++) {
  278. $(equipmentdata[k]).each(function(q, p) {
  279. $('#Szzyzzdw')
  280. .append('<option label="' + p.name + '" value="' + p.name + '"></option>');
  281. // $("<option value='" + p.equipment_name + "'>" + p.equipment_name + "</option>").appendTo("#equipname");
  282. $("#Szzyzzdw").selectpicker('refresh');
  283. // console.log(p.equipment_name)
  284. });
  285. }
  286. } else {
  287. $("#Szzyzzdw").empty();
  288. $("#Szzyzzdw").selectpicker('refresh');
  289. }
  290. }
  291. }
  292. });
  293. }
  294. //患者姓名
  295. function darptSearch() {
  296. if($('#Hzname').val() == '') {
  297. $(".selDpart1").css('display', 'none');
  298. } else {
  299. $(".selDpart1").css('display', 'block');
  300. getFormComplainedUnit();
  301. }
  302. }
  303. $("#sponsor").on('click', 'li', function() {
  304. $(".selDpart1").css('display', 'none');
  305. $("#Hzname").val($(this).html());
  306. var a = $(this).attr('index')
  307. console.log(a)
  308. // 获取患者信息
  309. $.ajax({
  310. type: "get",
  311. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/gethzinflists",
  312. dataType: 'json',
  313. async: true,
  314. data: {
  315. id: a,
  316. },
  317. success: function(data) {
  318. if(data.state.toLowerCase() == "success") {
  319. $('#Yslxfs').val(data.data[0].Yslxfs); //
  320. $('#HzGender').val(data.data[0].HzGender); //
  321. $('#Hzage').val(data.data[0].Hzage); //
  322. //$('#Hzzd').val(data.data[0].Hzzd); //
  323. //$('#Hzzyh').val(data.data[0].Hzzyh); //
  324. $('#Syzzzhzzfw').val(data.data[0].Syzzzhzzfw)
  325. // //$('.Szzyzzdw').val(data.data[0].Szzyzzdw); //
  326. //$('#Hzlxfs').val(data.data[0].Hzlxfs); //
  327. }
  328. }
  329. });
  330. })
  331. function getFormComplainedUnit() {
  332. $("#sponsor").empty();
  333. $.ajax({
  334. type: "get",
  335. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/gethzinflists",
  336. dataType: 'json',
  337. async: true,
  338. data: {
  339. name: $("#Hzname").val(),
  340. },
  341. success: function(data) {
  342. if(data.state.toLowerCase() == "success") {
  343. var content = data.data;
  344. if(content.length === 0) {
  345. $(".selDpart1").css('display', 'none');
  346. } else {
  347. $(content).each(function(i, n) {
  348. $("<li index='" + n.id + "' >" + n.Hzname + "</li>").appendTo("#sponsor");
  349. })
  350. }
  351. }
  352. }
  353. });
  354. }
  355. //获取详情
  356. function getValue(ids) {
  357. $.ajax({
  358. type: "get",
  359. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/GetXzzysbyid",
  360. async: true,
  361. dataType: 'json',
  362. data: {
  363. id: ids
  364. },
  365. success: function(data) {
  366. if(data.state.toLowerCase() == 'success') {
  367. if(data.data[0].Szzydjsj) {
  368. var djsj = data.data[0].Szzydjsj.split(' ')
  369. for(var i = 0; i < djsj.length; i++) {
  370. $('#Szzydjsj').val(djsj[0]); //
  371. }
  372. }
  373. $('.Szzyzzdw').val(data.data[0].Szzyzzdw); //
  374. $('#Szzyzzys').val(data.data[0].Szzyzzys); //
  375. $('#Yslxfs').val(data.data[0].Yslxfs); //
  376. $('#Hzname').val(data.data[0].Hzname); //
  377. $('#HzGender').val(data.data[0].HzGender); //
  378. $('#Hzage').val(data.data[0].Hzage); //
  379. $('#Hzzd').val(data.data[0].Hzzd); //
  380. $('#Hzjcxm').val(data.data[0].Hzjcxm); //
  381. $('#Hzlxfs').val(data.data[0].Hzlxfs); //
  382. $('#Syzzzzmd').val(data.data[0].Syzzzzmd); //
  383. if(data.data[0].Syzysj) {
  384. var zysj = data.data[0].Syzysj.slice(0, 10)
  385. $('#Syzysj').val(zysj); //
  386. }
  387. $('#Syzqtx').val(data.data[0].Syzqtx); //
  388. // $('#Syzzzrr').val(data.data[0].Syzzzrr); //
  389. $('#Syzzzzfw').val(data.data[0].Syzzzzfw); //
  390. $('#Syzzzrrs').val(data.data[0].Syzzzrrs); //
  391. $('#Syzzzhzzfw').val(data.data[0].Syzzzhzzfw); //
  392. $('#Syzzzrrss').val(data.data[0].Syzzzrrss); //
  393. }
  394. }
  395. });
  396. }
  397. //添加
  398. function addValue(ajaxUrl, ids) {
  399. var $storages = window.localStorage;
  400. $.ajax({
  401. type: "get",
  402. url: huayi.config.callcenter_url + ajaxUrl,
  403. // url: "http://192.168.1.21:28230/api/Equipment/update",
  404. async: true,
  405. dataType: 'json',
  406. data: {
  407. id: ids,
  408. Szzydjsj: $('#Szzydjsj').val(), //登记时间
  409. Szzyzzdw: $('.Szzyzzdw').val(), //转诊单位
  410. Szzyzzys: $('#Szzyzzys').val(), //转诊医师
  411. Yslxfs: $('#Yslxfs').val(), //联系方式
  412. Hzname: $('#Hzname').val(), //患者姓名
  413. HzGender: $('#HzGender').val(), //患者性别
  414. Hzage: $('#Hzage').val(), //患者年龄
  415. Hzzd: $('#Hzzd').val(), //患者诊断
  416. Hzjcxm: $('#Hzjcxm').val(), //检查项目
  417. Syzqtx: $('#Syzqtx').val(), //诊前提醒
  418. Hzlxfs: $('#Hzlxfs').val(), //联系方式
  419. Syzzzzmd: $('#Syzzzzmd').val(), //转诊目的
  420. Syzysj: $('#Syzysj').val(), //住院时间
  421. Syzzzhzzfw: $('#Syzzzhzzfw').val(), //诊后追踪服务
  422. Syzzzrr: $storages.getItem('userName'), //责任人
  423. Syzzzzfw: $('#Syzzzzfw').val(), //诊中服务
  424. Syzzzrrs: $('#Syzzzrrs').val(), //责任人
  425. Syzzzrrss: $('#Syzzzrrss').val() //责任人
  426. },
  427. success: function(data) {
  428. console.log(1)
  429. if(data.state.toLowerCase() == 'success') {
  430. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  431. parent.layer.close(index); //再执行关闭
  432. layer.msg(data.message);
  433. parent.initTable();
  434. }
  435. }
  436. });
  437. }
  438. </script>
  439. </body>
  440. </html>