list.html 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>AdminLTE 2 | Invoice</title>
  7. <!-- Tell the browser to be responsive to screen width -->
  8. <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  9. <!-- Bootstrap 3.3.6 -->
  10. <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
  11. <!-- Font Awesome -->
  12. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
  13. <!-- Ionicons -->
  14. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
  15. <!-- Theme style -->
  16. <link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
  17. <!-- AdminLTE Skins. Choose a skin from the css/skins
  18. folder instead of downloading all of them to reduce the load. -->
  19. <link rel="stylesheet" href="../dist/css/skins/_all-skins.min.css">
  20. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  21. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  22. <!--[if lt IE 9]>
  23. <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  24. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  25. <![endif]-->
  26. <style>
  27. .interval {
  28. padding: 1px 8px !important;
  29. }
  30. #my_file {
  31. visibility: hidden; /* 隐藏 */
  32. }
  33. </style>
  34. </head>
  35. <body class="hold-transition skin-blue sidebar-mini">
  36. <!-- Left side column. contains the logo and sidebar -->
  37. <!-- Content Wrapper. Contains page content -->
  38. <div class="content-wrapper">
  39. <!-- Content Header (Page header) -->
  40. <section class="content-header">
  41. <h1>
  42. 眼科医院
  43. </h1>
  44. <!--<ol class="breadcrumb">
  45. <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
  46. <li><a href="#">Tables</a></li>
  47. <li class="active">Data tables</li>
  48. </ol>-->
  49. </section>
  50. <form role="form">
  51. <div class="box-body">
  52. <div class="form-group">
  53. <label for="symptom_id">主诉</label>&nbsp;
  54. <input type="text" id="chief_id" placeholder="" size="150">&nbsp;&nbsp;&nbsp;&nbsp;
  55. </div>
  56. <div class="form-group">
  57. <label for="symptom_id">现病史</label>&nbsp;
  58. <input type="text" id="symptom_id" placeholder="" size="150">&nbsp;&nbsp;&nbsp;&nbsp;
  59. </div>
  60. <div class="form-group">
  61. <label for="vital_id">专科检查</label>&nbsp;
  62. <input type="text" id="vital_id" placeholder="" size="150">&nbsp;&nbsp;&nbsp;&nbsp;
  63. </div>
  64. <div class="form-group">
  65. <label for="pacs_id">辅检</label>&nbsp;
  66. <input type="text" id="pacs_id" placeholder="" size="150">&nbsp;&nbsp;&nbsp;&nbsp;
  67. </div>
  68. <!-- <div class="form-group">
  69. <label for="symptom_id">性别</label>&nbsp;
  70. <select style="padding:2px;width: 150px;" id="sex">
  71. <option></option>
  72. <option value="M">男(M)</option>
  73. <option value="F">女(F)</option>
  74. </select>&nbsp;&nbsp;&nbsp;&nbsp;
  75. <label for="symptom_id">年龄</label>&nbsp;
  76. <input type="text" id="age" placeholder="">
  77. </div>-->
  78. </div>
  79. <!-- /.box-body -->
  80. <div class="box-footer">
  81. <button type="button" class="btn btn-primary" onclick="clickes();">推送</button>
  82. </div>
  83. </form>
  84. <!-- Main content -->
  85. <section class="content">
  86. <div class="row">
  87. <div class="col-xs-12">
  88. <div class="box">
  89. <div class="box-header">
  90. <h3 class="box-title">推送结果</h3>&nbsp;&nbsp;
  91. </div>
  92. <div class="box-body" id="feature_inputs_div">
  93. </div>
  94. </div>
  95. <!-- /.box -->
  96. </div>
  97. </div>
  98. <!-- /.row -->
  99. <!-- /.col -->
  100. <!-- /.row -->
  101. </section>
  102. <!-- /.content -->
  103. </div>
  104. <!-- /.content-wrapper -->
  105. <!-- /.control-sidebar -->
  106. <!-- Add the sidebar's background. This div must be placed
  107. immediately after the control sidebar -->
  108. <div class="control-sidebar-bg"></div>
  109. <!-- ./wrapper -->
  110. <div class="modal fade" id="modal-default">
  111. <div class="modal-dialog">
  112. <div class="modal-content">
  113. <div class="modal-header">
  114. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  115. <span aria-hidden="true">&times;</span></button>
  116. <h4 class="modal-title">消息</h4>
  117. </div>
  118. <div class="row" id="modal-loading">
  119. <!-- /.col -->
  120. <div class="col-md-12">
  121. <div class="box box-danger box-solid">
  122. <div class="box-header">
  123. <h3 class="box-title">诊断归一</h3>
  124. </div>
  125. <div class="box-body">
  126. 此过程可能需要较长时间,请耐心等待... ...
  127. </div>
  128. <!-- /.box-body -->
  129. <!-- Loading (remove the following to stop the loading)-->
  130. <div class="overlay">
  131. <i class="fa fa-refresh fa-spin"></i>
  132. </div>
  133. <!-- end loading -->
  134. </div>
  135. <!-- /.box -->
  136. </div>
  137. <!-- /.col -->
  138. </div>
  139. <!-- /.row -->
  140. <div class="modal-body">
  141. <p></p>
  142. </div>
  143. <div class="modal-footer">
  144. <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
  145. </div>
  146. </div>
  147. <!-- /.modal-content -->
  148. </div>
  149. <!-- /.modal-dialog -->
  150. </div>
  151. <!-- /.modal -->
  152. <!-- jQuery 2.2.3 -->
  153. <script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
  154. <!-- Bootstrap 3.3.6 -->
  155. <script src="../bootstrap/js/bootstrap.min.js"></script>
  156. <!-- DataTables -->
  157. <script src="../plugins/datatables/jquery.dataTables.min.js"></script>
  158. <script src="../plugins/datatables/dataTables.bootstrap.min.js"></script>
  159. <!-- SlimScroll -->
  160. <script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script>
  161. <!-- FastClick -->
  162. <script src="../plugins/fastclick/fastclick.js"></script>
  163. <!-- AdminLTE App -->
  164. <script src="../dist/js/app.min.js"></script>
  165. <!-- AdminLTE for demo purposes -->
  166. <script src="../dist/js/demo.js"></script>
  167. <script src="../dist/js/push.js"></script>
  168. <script>
  169. $(function () {
  170. });
  171. function clickes(){
  172. alert("进来了");
  173. $.ajax({
  174. url:push_web_url+"/eyehospital/people",//访问的地址
  175. type:"get",
  176. dataType:'JSON',//后台返回的数据格式类型
  177. success:function (data) {
  178. alert("成功了");
  179. $("#feature_inputs_div").append(data.name);
  180. }
  181. })
  182. };
  183. function bayesPage(resourceType) {
  184. var diag = $("#diag_id").val();
  185. var symptom = $("#symptom").val();
  186. if (diag != '' && symptom == '') {
  187. $('#diag_list').html("");
  188. $('#before_combine_diag_list').html("");
  189. startDiag('/algorithm/page_neural', '#symptom_list', '1', resourceType, '111', '1');
  190. startDiag('/algorithm/page_neural', '#vital_list', '3,2,7', resourceType, '131', '3');
  191. startDiag('/algorithm/page_neural', '#lis_list', '4,2,7', resourceType, '141', '4');
  192. startDiag('/algorithm/page_neural', '#pacs_list', '5,2,7', resourceType, '151', '5');
  193. } else {
  194. startDiag('/algorithm/page_neural', '#symptom_list', '1', resourceType, '11', '1');
  195. startDiag('/algorithm/page_neural', '#vital_list', '3,2,7', resourceType, '31', '3');
  196. startDiag('/algorithm/page_neural', '#lis_list', '4,2,7', resourceType, '41', '4');
  197. startDiag('/algorithm/page_neural', '#pacs_list', '5,2,7', resourceType, '51', '5');
  198. startDiagMapping('/algorithm/page_neural', '#diag_list', '2', resourceType, '21', '2');
  199. startDiagMapping('/algorithm/page_neural', '#before_combine_diag_list', '2', resourceType, '21', '6');
  200. }
  201. }
  202. function startDiagMapping(url, obj, featureType, resourceType, algorithmClassify, tp) {
  203. $(obj).DataTable({
  204. "paging": false,
  205. "bPaginate" : true,
  206. "lengthChange": true,
  207. "searching": false,
  208. "ordering": false,
  209. "info": false,
  210. "autoWidth": false,
  211. "serverSide": true,
  212. "destroy": true,
  213. "iDisplayLength": 25,
  214. "columns": [
  215. {"data": "featureName"},
  216. {"data": "extraProperty"},
  217. {"data": "rate"}
  218. ],
  219. "ajax": {
  220. "url": push_web_url + url,
  221. "data": function ( d ) {
  222. d.featureType = featureType;
  223. d.resourceType = resourceType;
  224. d.algorithmClassifyValue = algorithmClassify;
  225. var symptom = $("#symptom_id").val();
  226. var vital = $("#vital_id").val();
  227. var past = $("#past_id").val();
  228. var other = $("#other_id").val();
  229. var lis = $("#lis_id").val();
  230. var pacs = $("#pacs_id").val();
  231. var lisOrder = $("#lis_order").val();
  232. var pacsOrder = $("#pacs_order").val();
  233. var diag = $("#diag_id").val();
  234. var length = $("#length").val();
  235. var sex = $("#sex").val();
  236. var age = $("#age").val();
  237. var age_start = $("#age_start").val();
  238. var age_end = $("#age_end").val();
  239. d.sysCode = "2";
  240. //添加额外的参数传给服务器
  241. if (symptom != null && symptom != undefined) {
  242. d.symptom = symptom;
  243. }
  244. if (vital != null && vital != undefined) {
  245. d.vital = vital;
  246. }
  247. if (past != null && past != undefined) {
  248. d.past = past;
  249. }
  250. if (other != null && other != undefined) {
  251. d.other = other;
  252. }
  253. if (lis != null && lis != undefined) {
  254. d.lis = lis;
  255. }
  256. if (pacs != null && pacs != undefined) {
  257. d.pacs = pacs;
  258. }
  259. if (lisOrder != null && lisOrder != undefined) {
  260. d.lisOrder = lisOrder;
  261. }
  262. if (pacsOrder != null && pacsOrder != undefined) {
  263. d.pacsOrder = pacsOrder;
  264. }
  265. if (diag != null && diag != undefined && diag != '') {
  266. d.diag = diag;
  267. }
  268. if (length != null && length != undefined) {
  269. d.length = length;
  270. }
  271. if (sex != null && sex != undefined) {
  272. d.sex = sex;
  273. }
  274. if (age != '' && age_start != age && age != undefined) {
  275. d.age = age;
  276. }
  277. if (age_start != '' && age_start != null && age_start != undefined) {
  278. d.age_start = age_start;
  279. }
  280. if (age_end != '' && age_end != null && age_end != undefined) {
  281. d.age_end = age_end;
  282. }
  283. },
  284. "dataSrc": function (json) {
  285. var inputs = json.data.inputs;
  286. var h = "";
  287. $.each(inputs, function (key, item) {
  288. h += "<div class='form-group'><label>" + key + "&nbsp;</label>";
  289. h += "</div>";
  290. });
  291. $("#feature_inputs_div").html(h);
  292. if (tp == '1') {
  293. $("#participle_symptom").html(json.data.participleSymptom);
  294. json.data = json.data.symptom;
  295. }
  296. if (tp == '2') {
  297. $("#participle_diag").html(json.data.participleSymptom);
  298. json.data = json.data.dis;
  299. }
  300. if (tp == '3') {
  301. $("#participle_vital").html(json.data.participleSymptom);
  302. json.data = json.data.vitals;
  303. }
  304. if (tp == '4') {
  305. $("#participle_lis").html(json.data.participleSymptom);
  306. json.data = json.data.labs;
  307. }
  308. if (tp == '5') {
  309. $("#participle_pacs").html(json.data.participleSymptom);
  310. json.data = json.data.pacs;
  311. }
  312. if (tp == '6') {
  313. $("#before_combine_participle_diag").html(json.data.participleSymptom);
  314. json.data = json.data.beforeCombineDis;
  315. }
  316. return json.data;
  317. }
  318. }
  319. });
  320. }
  321. function startDiag(url, obj, featureType, resourceType, algorithmClassify, tp) {
  322. $(obj).DataTable({
  323. "paging": false,
  324. "bPaginate" : true,
  325. "lengthChange": true,
  326. "searching": false,
  327. "ordering": false,
  328. "info": false,
  329. "autoWidth": false,
  330. "serverSide": true,
  331. "destroy": true,
  332. "iDisplayLength": 25,
  333. "columns": [
  334. {"data": "featureName"},
  335. {"data": "rate"}
  336. ],
  337. "ajax": {
  338. "url": push_web_url + url,
  339. "data": function ( d ) {
  340. d.featureType = featureType;
  341. d.resourceType = resourceType;
  342. d.algorithmClassifyValue = algorithmClassify;
  343. var symptom = $("#symptom_id").val();
  344. var vital = $("#vital_id").val();
  345. var past = $("#past_id").val();
  346. var other = $("#other_id").val();
  347. var lis = $("#lis_id").val();
  348. var pacs = $("#pacs_id").val();
  349. var lisOrder = $("#lis_order").val();
  350. var pacsOrder = $("#pacs_order").val();
  351. var diag = $("#diag_id").val();
  352. var length = $("#length").val();
  353. var sex = $("#sex").val();
  354. var age = $("#age").val();
  355. var age_start = $("#age_start").val();
  356. var age_end = $("#age_end").val();
  357. d.sysCode = "2";
  358. //添加额外的参数传给服务器
  359. if (symptom != null && symptom != undefined) {
  360. d.symptom = symptom;
  361. }
  362. if (vital != null && vital != undefined) {
  363. d.vital = vital;
  364. }
  365. if (past != null && past != undefined) {
  366. d.past = past;
  367. }
  368. if (other != null && other != undefined) {
  369. d.other = other;
  370. }
  371. if (lis != null && lis != undefined) {
  372. d.lis = lis;
  373. }
  374. if (pacs != null && pacs != undefined) {
  375. d.pacs = pacs;
  376. }
  377. if (lisOrder != null && lisOrder != undefined) {
  378. d.lisOrder = lisOrder;
  379. }
  380. if (pacsOrder != null && pacsOrder != undefined) {
  381. d.pacsOrder = pacsOrder;
  382. }
  383. if (diag != null && diag != undefined && diag != '') {
  384. d.diag = diag;
  385. }
  386. if (length != null && length != undefined) {
  387. d.length = length;
  388. }
  389. if (sex != null && sex != undefined) {
  390. d.sex = sex;
  391. }
  392. if (age != '' && age_start != age && age != undefined) {
  393. d.age = age;
  394. }
  395. if (age_start != '' && age_start != null && age_start != undefined) {
  396. d.age_start = age_start;
  397. }
  398. if (age_end != '' && age_end != null && age_end != undefined) {
  399. d.age_end = age_end;
  400. }
  401. },
  402. "dataSrc": function (json) {
  403. var inputs = json.data.inputs;
  404. var h = "";
  405. $.each(inputs, function (key, item) {
  406. h += "<div class='form-group'><label>" + key + ":&nbsp;</label>";
  407. $.each(item,function (k, t) {
  408. if (t == null) {
  409. t = "";
  410. }
  411. h += "&nbsp;(<label>" + k + ":" + t + "</label>)&nbsp;";
  412. });
  413. h += "</div>";
  414. });
  415. $("#feature_inputs_div").html(h);
  416. if (tp == '1') {
  417. $("#participle_symptom").html(json.data.participleSymptom);
  418. json.data = json.data.symptom;
  419. }
  420. if (tp == '2') {
  421. $("#participle_diag").html(json.data.participleSymptom);
  422. json.data = json.data.dis;
  423. }
  424. if (tp == '3') {
  425. $("#participle_vital").html(json.data.participleSymptom);
  426. json.data = json.data.vitals;
  427. }
  428. if (tp == '4') {
  429. $("#participle_lis").html(json.data.participleSymptom);
  430. json.data = json.data.labs;
  431. }
  432. if (tp == '5') {
  433. $("#participle_pacs").html(json.data.participleSymptom);
  434. json.data = json.data.pacs;
  435. }
  436. if (tp == '6') {
  437. $("#before_combine_participle_diag").html(json.data.participleSymptom);
  438. json.data = json.data.beforeCombineDis;
  439. }
  440. return json.data;
  441. }
  442. }
  443. });
  444. }
  445. </script>
  446. </body>
  447. </html>