index.html 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242
  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. <!-- jQuery 2.2.3 -->
  21. <script src="plugins/jQuery/jquery-2.2.3.min.js"></script>
  22. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  23. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  24. <!--[if lt IE 9]>
  25. <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  26. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  27. <![endif]-->
  28. <style>
  29. .interval {
  30. padding : 1px 8px!important;
  31. }
  32. #my_file {
  33. visibility: hidden; /* 隐藏 */
  34. }
  35. </style>
  36. </head>
  37. <body class="hold-transition skin-blue sidebar-mini">
  38. <div class="wrapper">
  39. <header class="main-header">
  40. <!-- Logo -->
  41. <a href="#" class="logo">
  42. <!-- logo for regular state and mobile devices -->
  43. <span class="logo-lg"><b>D</b>iagbot</span>
  44. </a>
  45. </header>
  46. <!-- Left side column. contains the logo and sidebar -->
  47. <aside class="main-sidebar">
  48. <!-- sidebar: style can be found in sidebar.less -->
  49. <section class="sidebar">
  50. <!-- /.search form -->
  51. <!-- sidebar menu: : style can be found in sidebar.less -->
  52. <ul class="sidebar-menu">
  53. <li class="header">MAIN NAVIGATION</li>
  54. <li class="treeview active">
  55. <a href="#">
  56. <i class="fa fa-folder"></i> <span>diagbot</span>
  57. <span class="pull-right-container">
  58. <i class="fa fa-angle-left pull-right"></i>
  59. </span>
  60. </a>
  61. <ul class="treeview-menu">
  62. <li class="active"><a href="/push-web/participle/index"><i class="fa fa-circle-o"></i>分词示例</a></li>
  63. <li class="active"><a href="/push-web/extract/index"><i class="fa fa-circle-o"></i>提取特征</a></li>
  64. <li class="active"><a href="/push-web/relation/index"><i class="fa fa-circle-o"></i>关系抽取</a></li>
  65. <li class="active"><a href="/push-web/relation/list"><i class="fa fa-circle-o"></i>数据标注</a>
  66. </li>
  67. <li class="active"><a href="/push-web/algorithm/index"><i class="fa fa-circle-o"></i>算法分析</a></li>
  68. <li class="active"><a href="/push-web/graph/index"><i class="fa fa-circle-o"></i>知识图谱分析</a></li>
  69. </ul>
  70. </li>
  71. </ul>
  72. </section>
  73. <!-- /.sidebar -->
  74. </aside>
  75. <!-- Content Wrapper. Contains page content -->
  76. <div class="content-wrapper">
  77. <!-- Content Header (Page header) -->
  78. <section class="content-header">
  79. <h1>
  80. <small></small>
  81. </h1>
  82. <ol class="breadcrumb">
  83. <li><a href="#"><i class="fa fa-dashboard"></i>Diagbot</a></li>
  84. <li><a href="#">nlp</a></li>
  85. <li class="active">分词示例</li>
  86. </ol>
  87. </section>
  88. <!-- Main content -->
  89. <section class="invoice">
  90. <!-- title row -->
  91. <div class="row">
  92. <div class="col-xs-12">
  93. <h2 class="page-header">
  94. <form role="form" id="up_file_form" enctype='multipart/form-data' style="position: relative;">
  95. <i class="fa"></i>病 例
  96. </form>
  97. </h2>
  98. </div>
  99. <!-- /.col -->
  100. </div>
  101. <!-- /.box-header -->
  102. <div class="box-body">
  103. <div class="row">
  104. <div class="col-xs-12">
  105. <form role="form" id="participle_form">
  106. <!-- textarea -->
  107. <div class="form-group">
  108. <textarea class="form-control" rows="10" placeholder="Enter ..." name="content" id="content">主诉:患者女,58岁,反复意识丧失11天。
  109. 现病史:患者11天前烧水时出现心悸,胸闷,感全身不适全身血管跳动,头晕,四肢乏力,视物旋转,恶心,耳鸣,持续1小时后好转。10天前再次出现心悸,胸闷,感全身血管跳动,四肢乏力。6天前聊天时再次出现意识丧失,症状同前,建议转上级医院诊治,遂来我院就诊。
  110. 既往史:有高血压病10余年,血压最高为195/105mmHg,现服替米沙坦80mg QD,压氏达5mg QD治疗,血压控制欠佳。甲状腺切除4年,现服用优甲乐62.5μg治疗。
  111. 体征:神清,精神可,全身浅表淋巴结未触及肿大,颈静脉无充盈怒张,胸廓无畸形,两肺呼吸音清,未闻及干湿性罗音。腹部可见手术疤痕,腹平软,无压痛反跳痛。双下肢无水肿。
  112. 检验:
  113. 检查:临安市人民医院 2014.12.6 头颅CT未见明显异常,鼻骨未见明显骨折。</textarea>
  114. </div>
  115. </form>
  116. </div>
  117. </div>
  118. <div class="row">
  119. <div class="col-xs-12">
  120. <button type="button" class="btn btn-success pull-right" onclick="_ajax('/participle/split_and_highlight')"><i
  121. class="fa fa-credit-card"></i> 开&nbsp;始&nbsp;分&nbsp;析
  122. </button>
  123. <button type="button" class="btn btn-success pull-right" onclick="writeFile('/participle/write_file')"><i
  124. class="fa fa-credit-card"></i> 加&nbsp;载&nbsp;词&nbsp;库
  125. </button>
  126. </div>
  127. </div>
  128. </div>
  129. <script>
  130. $.support.cors = true;
  131. function _ajax(url) {
  132. $.ajax({
  133. url: nlp_web_url + url,
  134. data: $("#participle_form").serialize(),
  135. dataType: "json",
  136. type: "post",
  137. success: function (data) {
  138. $("#participle_result").html("<h2 class='page-header'><i class='fa'></i>结 构 化</h2>" + data.data);
  139. }
  140. });
  141. };
  142. function writeFile(url) {
  143. $.support.cors = true;
  144. $("#modal-loading").show();
  145. $("#modal-default .modal-header").hide();
  146. $("#modal-default .modal-body p").text("");
  147. $("#modal-default .modal-footer").hide();
  148. $("#modal-default").modal("show");
  149. $.ajax({
  150. url: nlp_web_url + url,
  151. data: $("#participle_form").serialize(),
  152. dataType: "json",
  153. type: "post",
  154. success: function (data) {
  155. $("#modal-loading").hide();
  156. $("#modal-default .modal-header").show();
  157. $("#modal-default .modal-footer").show();
  158. $("#modal-default .modal-body p").text(data.msg);
  159. $("#modal-default").modal("show");
  160. }
  161. });
  162. };
  163. </script>
  164. <div class="row invoice-info">
  165. <div class="col-sm-12 invoice-col" id = "participle_result">
  166. </div>
  167. </div>
  168. </section>
  169. <!-- /.content -->
  170. <div class="clearfix"></div>
  171. </div>
  172. <!-- /.control-sidebar -->
  173. <!-- Add the sidebar's background. This div must be placed
  174. immediately after the control sidebar -->
  175. <div class="control-sidebar-bg"></div>
  176. </div>
  177. <!-- ./wrapper -->
  178. <div class="modal fade" id="modal-default">
  179. <div class="modal-dialog">
  180. <div class="modal-content">
  181. <div class="modal-header">
  182. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  183. <span aria-hidden="true">&times;</span></button>
  184. <h4 class="modal-title">消息</h4>
  185. </div>
  186. <div class="row" id="modal-loading">
  187. <!-- /.col -->
  188. <div class="col-md-12">
  189. <div class="box box-danger box-solid">
  190. <div class="box-header">
  191. <h3 class="box-title">重新生成词库</h3>
  192. </div>
  193. <div class="box-body">
  194. 此过程可能需要较长时间,请耐心等待... ...
  195. </div>
  196. <!-- /.box-body -->
  197. <!-- Loading (remove the following to stop the loading)-->
  198. <div class="overlay">
  199. <i class="fa fa-refresh fa-spin"></i>
  200. </div>
  201. <!-- end loading -->
  202. </div>
  203. <!-- /.box -->
  204. </div>
  205. <!-- /.col -->
  206. </div>
  207. <!-- /.row -->
  208. <div class="modal-body">
  209. <p></p>
  210. </div>
  211. <div class="modal-footer">
  212. <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
  213. </div>
  214. </div>
  215. <!-- /.modal-content -->
  216. </div>
  217. <!-- /.modal-dialog -->
  218. </div>
  219. <!-- /.modal -->
  220. <!-- Bootstrap 3.3.6 -->
  221. <script src="bootstrap/js/bootstrap.min.js"></script>
  222. <!-- FastClick -->
  223. <script src="plugins/fastclick/fastclick.js"></script>
  224. <!-- AdminLTE App -->
  225. <script src="dist/js/app.min.js"></script>
  226. <!-- AdminLTE for demo purposes -->
  227. <script src="dist/js/demo.js"></script>
  228. <script src="dist/js/push.js"></script>
  229. </body>
  230. </html>