show_search_text.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta content="医学影像智能解译系统" http-equiv="keywords">
  6. <meta name="description" content="医学影像智能解译系统">
  7. <meta name="applicable-device" content="pc,mobile">
  8. <meta http-equiv="Cache-Control" content="no-siteapp">
  9. <meta http-equiv="Cache-Control" content="no-transform">
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  11. <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
  12. <title>医学影像智能解译系统</title>
  13. <link rel="stylesheet" href="css/index.css" type="text/css">
  14. <link rel="stylesheet" type="text/css" href="css/children.css">
  15. <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
  16. <script type="text/javascript" src="js/jquery.min.js"></script>
  17. <script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
  18. <script type="text/javascript" src="js/public.js"></script>
  19. <script type="text/javascript" src="js/qrcode.min.js"></script>
  20. <!-- 菜单js等-->
  21. <!-- 时间选择js -->
  22. <script type="text/javascript" src="js/laydate.js"></script>
  23. <script type="text/javascript" src="js/show_search_text1.js"></script>
  24. <link rel="stylesheet" href="css/imgbox.css">
  25. <script type="text/javascript" src="js/jquery.imgbox.pack.js"></script>
  26. <script language="javascript" type="text/javascript">
  27. if(sessionStorage!=undefined)
  28. {
  29. if(sessionStorage.getItem("username")!=null)
  30. {
  31. $("#needlogin").remove();
  32. var $span= $("<span>用户名:"+sessionStorage.getItem("username")+"</span>");
  33. $("#needloginparent").append($span);
  34. }
  35. else
  36. window.location.href="login.html";
  37. }
  38. </script>
  39. </head>
  40. <body>
  41. <script type="text/javascript" src="js/HZRecorder.js"></script>
  42. <div id="loadingDiv">
  43. <img src="images/loading.gif" style="margin-top:400px;margin-left:700px;">
  44. </div>
  45. <!--nav-->
  46. <div class="nav">
  47. <div class="nav-container">
  48. <div class="nav-top">
  49. <div class="body-container">
  50. <span class="tip">您好,欢迎来到智能医学影像理解研究中心</span>
  51. <div id="needloginparent" class="l">
  52. <a id="needlogin" href="login.html" target="_self">登录</a>
  53. </div>
  54. <div id="logoutparent" class="l" style="padding-left: 10px;">
  55. <a id="needlogout" href="loginout.html" target="_self">退出</a>
  56. </div>
  57. </div>
  58. </div>
  59. <div class="nav-bottom">
  60. <div class="body-container">
  61. <div class="logo-container">
  62. <img class="logo" src="images/ipiu.jpg">
  63. <div class="word">
  64. <div class="name">智能医学影像理解研究中心</div>
  65. <div class="name-es">Intelligent Medical Image Understand Research Center(IMIU)</div>
  66. </div>
  67. </div>
  68. <div class="side-container">
  69. <ul>
  70. <li> <a href="index.html">首 页</a> </li>
  71. <li> <a href="Laboratory_members.html">研究中心成员</a> </li>
  72. <li > <a href="research_findings1.html">研究成果</a> </li>
  73. <li> <a id="a_datamanage" href="data_manage.html">医学数据管理</a> </li>
  74. <li class="active"> <a id="a_show" href="show_search_text.html">医学影像智能解译系统</a> </li>
  75. </ul>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. <div class="researchFinding">
  82. <div class="banner common-banner">
  83. <div class="title wid_main">
  84. <h3>医学影像智能解译系统</h3>
  85. <p>Intelligent medical image interpretation system</p>
  86. </div>
  87. </div>
  88. <div class="researchFinding-container">
  89. <div class="researchFinding-content">
  90. <div class="researchFinding-handle">
  91. <div class="title">展示列表</div>
  92. <ul>
  93. <li><a href="image_crop.html">图像切分</a></li>
  94. <li class="active"><a href="show_search_text.html">文字检索系统</a></li>
  95. <li><a href="show_search_pic.html">图像检索系统</a></li>
  96. <li><a href="Image_binary_segmentation.html">二维医学图像分割</a></li>
  97. <li><a href="image_3D_segmentation.html">三维医学图像分割</a></li>
  98. </ul>
  99. <!-- 联系信息 -->
  100. <div class="contact">
  101. <div id="qrcode"></div>
  102. <p class="tip">扫码即可上传手机图像进行智能切分!</p>
  103. <script type="text/javascript">
  104. var qrcode = new QRCode(document.getElementById("qrcode"), {
  105. width : 320,
  106. height : 320
  107. });
  108. function makeCode () {
  109. qrcode.makeCode("https://imiu.xidian.edu.cn/image_crop.html");
  110. }
  111. makeCode();
  112. </script>
  113. </div>
  114. </div>
  115. <div class="info">
  116. <div class="info-head-conatiner">
  117. <span>文字检索系统</span>
  118. </div>
  119. <div class="zy_public_box">
  120. <div class="zy_public_list">
  121. <form class="link_more searcg">
  122. <div class="lf">
  123. <input id="inputcontent" type="text" placeholder="请输入关键词">
  124. <button id="findByOrgan" type="button">器官检索</button>
  125. <button id="findByLesion" type="button">病变检索</button>
  126. </div>
  127. <div class="rt">
  128. <span class="title">语音识别</span>
  129. <button id="voice_interaction" type="button">开始说话</button>
  130. <button id="voice_recognition" type="button">结束说话</button>
  131. </div>
  132. </form>
  133. <div class="zy_public-tip">使用说明:首先选择文件上传,其次在上传的图片中点击您想切分的最小影像的左上角与右下角,设置两个点完成之后点击开始切分, 最后您可以选择您需要的影像进行保存</div>
  134. <form id="organ_lesion_form" class="link_more" style="padding: 0px 0 0px;display:none">
  135. <div class="box dib vm">
  136. <span id="organ_lesion">器官名称:</span>
  137. </div>
  138. <div class="box dib vm">
  139. <span id="organname_lesionname">肝脏</span>
  140. </div>
  141. </form>
  142. <form id="info_form" class="link_more" style="display:none">
  143. <div class="box dib vm" style="margin-bottom:5px">
  144. <span id="info_name">器官介绍:</span>
  145. </div>
  146. <div class="box dib vm">
  147. <text id="info_name_content" type="text">
  148. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;肝脏是身体内以代谢功能为主的一个器官,并在身体里面起着去氧化、储存肝糖、分泌性蛋白质的合成等作用。肝脏也制造消化系统中之胆汁。肝脏是人体内脏里最大的器官,位于人体中的腹部位置,在右侧横隔膜之下,位于胆囊之前端且于右边肾脏的前方,胃的上方。肝脏是人体消化系统中最大的消化腺,成人肝脏平均重达1.5公斤(约在1-2.5公斤之间;另一说1-1.6公斤),为一红棕色的V字形器官。肝脏是尿素合成的主要器官,又是新陈代谢的重要器官。
  149. </text>
  150. </div>
  151. </form>
  152. <!-- 行政许可列表 -->
  153. <table class="zy_table_list1">
  154. <thead>
  155. <tr>
  156. <th width="300px"></th>
  157. <th width="300px"></th>
  158. <th width="300px"></th>
  159. </tr>
  160. </thead>
  161. <tbody id="mytbody"></tbody>
  162. </table>
  163. <!-- 通用分页 -->
  164. <div class="fanye">
  165. <span id="datanum">共0条</span>
  166. <span id="pagenum">共0页</span>
  167. <button id="gotofirst">首页</button>
  168. <button id="gotopre">上一页</button>
  169. <button id="gotonext">下一页</button>
  170. <button id="gotolast">尾页</button>
  171. <p> <span>转到第<input type="text" id="selectnumber" value="0">页</span> <input type="button" id="gopage_number" value="确定"> </p>
  172. </div>
  173. <!-- 通用分页end -->
  174. </div>
  175. </div>
  176. </div>
  177. </div>
  178. <!-- 底部 -->
  179. <div class="footerbox bg">
  180. <div class="wid_main fix">
  181. <div class="l">
  182. <a href="index.html" target="blank" class="dib vm"><img src="images/ipiu.jpg" width="85" height="85"></a>
  183. </div>
  184. <div class="l txt">
  185. <p>版权所有:西安电子科技大学智能医学影像理解研究中心&nbsp;&nbsp;&nbsp;地址:西安电子科技大学人工智能学院</p>
  186. <p>西安电子科技大学智能医学影像理解研究中心建设和维护 </p>
  187. </div>
  188. </div>
  189. </div>
  190. <!-- 返回顶部 -->
  191. <div class="side_box">
  192. <ul>
  193. <li class="sidetop"> <span></span> </li>
  194. </ul>
  195. </div>
  196. </div>
  197. <!-- 重要新闻展示不滚动 -->
  198. <style>
  199. .banner{
  200. width: 100%;
  201. height: 248px;
  202. background-color: #005389;
  203. background-image: url(./images/version2/medicalImage/bg.png);
  204. background-repeat: no-repeat;
  205. background-size: 100% 100%;
  206. }
  207. .researchFinding{
  208. width: 100%;
  209. position: relative;
  210. }
  211. .researchFinding-container{
  212. width: 100%;
  213. position: absolute;
  214. top: 248px;
  215. z-index: 999;
  216. background-image: url(./images/version2/Laboratory_members/bg.png);
  217. background-size: 100% 100%;
  218. background-repeat: no-repeat;
  219. }
  220. .researchFinding-content{
  221. width: 1200px;
  222. min-height: 500px;
  223. background-color: #fff;
  224. margin: -100px auto 0;
  225. box-shadow: 0 0 2px rgba(0,0,0,0.1);
  226. border-radius: 4px;
  227. display: flex;
  228. justify-content: flex-start;
  229. padding: 40px 20px 100px 40px;
  230. box-sizing: border-box;
  231. }
  232. .researchFinding-content .researchFinding-handle{
  233. width: 240px;
  234. height: 700px;
  235. background-color: #005389;
  236. color: #fff;
  237. padding-left: 20px;
  238. margin-right: 57px;
  239. }
  240. .researchFinding-content .researchFinding-handle .title{
  241. font-size: 28px;
  242. line-height: 26px;
  243. color: #fff;
  244. font-weight: bold;
  245. padding: 32px 0;
  246. text-indent: 20px;
  247. }
  248. .researchFinding-content .researchFinding-handle ul>li{
  249. width: 221px;
  250. height: 64px;
  251. line-height: 64px;
  252. background-color: #fff;
  253. padding-left: 20px;
  254. position: relative;
  255. }
  256. .researchFinding-content .researchFinding-handle ul li::after{
  257. content: "";
  258. display: none;
  259. width: 15px;
  260. height: 100%;
  261. position: absolute;
  262. left: -8px;
  263. top: 0;
  264. background-image: url(./images/version2/Laboratory_members/rectangle.png);
  265. background-size: 100% 100%;
  266. background-repeat: no-repeat;
  267. }
  268. .researchFinding-content .researchFinding-handle ul>li a{
  269. color: #333;
  270. font-size: 18px;
  271. }
  272. .researchFinding-content .researchFinding-handle ul>li.active{
  273. background-color: #E0620D;
  274. }
  275. .researchFinding-content .researchFinding-handle ul>li.active a{
  276. color: #fff;
  277. }
  278. .researchFinding-content .researchFinding-handle ul>li.active::after{
  279. display: block;
  280. }
  281. .researchFinding-content .researchFinding-handle .contact .title{
  282. padding: 48px 0 30px 0;
  283. line-height: 1;
  284. font-size: 26px;
  285. }
  286. .researchFinding-content .researchFinding-handle .contact #qrcode{
  287. display: block;
  288. width: 142px;
  289. height: 142px;
  290. padding: 10px;
  291. background-color: #fff;
  292. margin: 30px auto 10px;
  293. }
  294. .researchFinding-content .researchFinding-handle .contact #qrcode img{
  295. display: block;
  296. width: 142px;
  297. height: 142px;
  298. }
  299. .researchFinding-content .researchFinding-handle .contact .tip{
  300. display: block;
  301. width: 160px;
  302. color: #E0620D;
  303. font-size: 16px;
  304. line-height: 24px;
  305. padding: 12px 0 24px 0;
  306. text-align: center;
  307. margin: 0 auto;
  308. }
  309. .researchFinding-content .info{
  310. max-height: 970px;
  311. overflow-y: auto;
  312. overflow-x: hidden;
  313. flex: 1;
  314. }
  315. .searcg::after{
  316. display: block;
  317. content: "";
  318. clear: both;
  319. }
  320. .searcg .lf{
  321. float: left;
  322. }
  323. .searcg .rt{
  324. float: right;
  325. }
  326. .searcg .rt .title{
  327. color: #999;
  328. line-height: 24px;
  329. font-size: 14px;
  330. }
  331. </style>
  332. </body>
  333. </html>