data_manage.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336
  1. <!doctype html>
  2. <html lang="en">
  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.SuperSlide.2.1.1.js"></script>
  17. <script type="text/javascript" src="js/public.js"></script>
  18. <!-- 菜单js等-->
  19. <script src="js/manage.js"></script>
  20. <!-- 时间选择js -->
  21. <script type="text/javascript" src="js/laydate.js"></script>
  22. <script language="javascript" type="text/javascript">
  23. if(sessionStorage!=undefined)
  24. {
  25. if(sessionStorage.getItem("username")!=null)
  26. {
  27. $("#needlogin").remove();
  28. var $span= $("<span>用户名:"+sessionStorage.getItem("username")+"</span>");
  29. $("#needloginparent").append($span);
  30. }
  31. else
  32. window.location.href="login.html";
  33. }
  34. </script>
  35. </head>
  36. <body>
  37. <div id="bg"></div>
  38. <div class="xinxibox" style="display:none">
  39. <h2>请填写数据信息<a href="#" class="close">关闭</a></h2>
  40. <div class="list">
  41. <form action="" enctype="multipart/form-data">
  42. <input type="file" id="file" name="file" style="width: 250px;border: 0px;margin-left: 10px;margin-bottom: 10px;font-size: 10px;background-size: contain;background-repeat: no-repeat;background-position: center center;">
  43. <div>
  44. <span>项目名称:</span>
  45. <input id="project_name" style="text-align: left" type="text" name="projectName">
  46. </div>
  47. <div>
  48. <span>器 官:</span>
  49. <input id="organ" type="text" style="text-align: left" name="projectName">
  50. </div>
  51. <div>
  52. <span>病 变:</span>
  53. <input id="pathology" style="text-align: left" type="text" name="projectName">
  54. </div>
  55. <div>
  56. <span>图像类型:</span>
  57. <select id="type" style="text-align: left" name="select"> <option value="" style="display: none"></option> <option value="1">MRI</option> <option value="2">CT</option> <option value="3">PET</option> <option value="4">X光</option> <option value="5">超声</option> <option value="6">信号</option> <option value="7">其他</option> </select>
  58. </div>
  59. <div>
  60. <span>剂 量:</span>
  61. <input id="dose" style="text-align: left" type="text" name="projectName">
  62. </div>
  63. <div>
  64. <span>来 源:</span>
  65. <input id="source" style="text-align: left" type="text" name="projectName">
  66. </div>
  67. <div>
  68. <span>上传者:</span>
  69. <input id="uploader" style="text-align: left" type="text" name="projectName">
  70. </div>
  71. <div>
  72. <span>上传时间:</span>
  73. <input id="time" style="text-align: left;margin-right: 10px;" type="text" name="projectName">
  74. </div>
  75. </form>
  76. <form action="">
  77. <button id="button_savefile" type="button">确认上传</button>
  78. </form>
  79. </div>
  80. </div>
  81. <!--nav-->
  82. <div class="nav">
  83. <div class="nav-container">
  84. <div class="nav-top">
  85. <div class="body-container">
  86. <span class="tip">您好,欢迎来到智能医学影像理解研究中心</span>
  87. <a id="needlogin" href="login.html" target="_self">登录</a>
  88. <a id="needlogout" href="loginout.html" target="_self">退出</a>
  89. </div>
  90. </div>
  91. <div class="nav-bottom">
  92. <div class="body-container">
  93. <div class="logo-container">
  94. <img class="logo" src="images/ipiu.jpg">
  95. <div class="word">
  96. <div class="name">智能医学影像理解研究中心</div>
  97. <div class="name-es">Intelligent Medical Image Understand Research Center(IMIU)</div>
  98. </div>
  99. </div>
  100. <div class="side-container">
  101. <ul>
  102. <li> <a href="index.html">首 页</a> </li>
  103. <li> <a href="Laboratory_members.html">研究中心成员</a> </li>
  104. <li> <a href="research_findings1.html">研究成果</a> </li>
  105. <li class="active"> <a id="a_datamanage" href="data_manage.html">医学数据管理</a> </li>
  106. <li> <a id="a_show" href="show_search_text.html">医学影像智能解译系统</a> </li>
  107. </ul>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. <!-- 主体内容框 -->
  114. <div class="contentbox bora_5">
  115. <div class="banner">
  116. <img src="./images/version2/data_manage/bg.png" alt="">
  117. <div class="title wid_main">
  118. <h3>医学数据管理</h3>
  119. <p>Medical data management</p>
  120. </div>
  121. </div>
  122. <div class="content">
  123. <!-- 子页内容框 -->
  124. <div class="zy_contentbox">
  125. <!-- zy_content -->
  126. <div class="zy_content fix">
  127. <!-- 左边栏 -->
  128. <!-- 右边内容 -->
  129. <div class="zy_right_con">
  130. <!-- 当前位置 -->
  131. <div class="zy_title fix">
  132. <h2>医学数据管理<i></i></h2>
  133. </div>
  134. <!-- 内容展示块-->
  135. <div class="zy_public_box">
  136. <div class="zy_public_list">
  137. <div>
  138. <form class="link_more">
  139. <div class="box dib vm">
  140. <input id="file_name" type="text" name="file_name" placeholder="请输入文件名" style="width:120px">
  141. </div>
  142. <div class="box dib vm">
  143. <input id="project_name_select" type="text" name="project_name" placeholder="请输入项目名称" style="width:120px">
  144. </div>
  145. <div class="box dib vm">
  146. <input id="uploader_select" type="text" name="uploader" style="width:120px" placeholder="请输入上传者">
  147. </div>
  148. <div class="box dib vm" style="margin-left:0px">
  149. <select id="type_select" name="type" style="width:120px" >
  150. <option value="" disabled>请选择类型</option>
  151. <option value="1">MRI</option>
  152. <option value="2">CT</option>
  153. <option value="3">PET</option>
  154. <option value="4">X光</option>
  155. <option value="5">超声</option>
  156. <option value="6">信号</option>
  157. <option value="7">其他</option>
  158. </select>
  159. </div>
  160. <div class="box dib vm">
  161. <input id="organ_select" type="text" name="organ" style="width:120px" placeholder="请输入器官">
  162. </div>
  163. <div class="box dib vm">
  164. <input id="pathology_select" type="text" name="pathology" style="width:120px" placeholder="请输入病变">
  165. </div>
  166. <button id="savefile" type="button"><span class="iconfont icon-shangchuan upload"></span>上传数据</button>
  167. </form>
  168. <form id="buttons_form" class="link_more">
  169. <input id="source_select" type="text" name="source" placeholder="请输入数据来源" style="width:120px">
  170. <button id="find" type="button" style="margin:0 5px">查 询</button>
  171. <button id="reset" type="button">重置</button>
  172. </form>
  173. </div>
  174. <table class="zy_table_list">
  175. <thead>
  176. <tr>
  177. <th width="50">编号</th>
  178. <th width="100">文件名</th>
  179. <th width="100">项目名称</th>
  180. <th width="50">器官</th>
  181. <th width="50">病变</th>
  182. <th width="50">图像类型</th>
  183. <th width="50">剂量</th>
  184. <th width="50">来源</th>
  185. <th width="50">上传者</th>
  186. <th width="100">上传时间</th>
  187. <th width="80">操作</th>
  188. </tr>
  189. </thead>
  190. <tbody id="mytbody">
  191. </tbody>
  192. </table>
  193. <!-- 通用分页 -->
  194. <div class="fanye">
  195. <span id="datanum">共20条</span>
  196. <span id="pagenum">共20页</span>
  197. <button id="gotofirst">首页</button>
  198. <button id="gotopre">上一页</button>
  199. <button id="gotonext">下一页</button>
  200. <button id="gotolast">尾页</button>
  201. <p> <span>转到第<input type="text" id="selectnumber" value="2">页</span> <input type="button" id="gopage_number" value="确定"> </p>
  202. </div>
  203. <!-- 通用分页end -->
  204. </div>
  205. </div>
  206. </div>
  207. </div>
  208. <!-- 底部 -->
  209. <div class="footerbox bg">
  210. <div class="wid_main fix">
  211. <div class="l">
  212. <a href="index.html" target="blank" class="dib vm"><img src="images/ipiu.jpg" width="85" height="85"></a>
  213. </div>
  214. <div class="l txt">
  215. <p>版权所有:西安电子科技大学智能医学影像理解研究中心&nbsp;&nbsp;&nbsp;地址:西安电子科技大学人工智能学院</p>
  216. <p>西安电子科技大学智能医学影像理解研究中心建设和维护 </p>
  217. </div>
  218. </div>
  219. </div>
  220. <!-- zy_content end -->
  221. </div>
  222. <!-- 内容框end -->
  223. </div>
  224. </div>
  225. <!-- 返回顶部 -->
  226. <div class="side_box">
  227. <ul>
  228. <li class="sidetop"> <span></span> </li>
  229. </ul>
  230. </div>
  231. <style>
  232. .banner img{
  233. width: 100%;
  234. height: 248px;
  235. display: block;
  236. }
  237. .banner .title{
  238. position: absolute;
  239. top: 45px;
  240. left: 50%;
  241. transform: translateX(-50%);
  242. color: #fff;
  243. }
  244. .banner .title h3{
  245. font-size: 36px;
  246. line-height: 54px;
  247. font-weight: 500;
  248. }
  249. .banner .title p{
  250. font-size: 14px;
  251. line-height: 22px;
  252. }
  253. .contentbox.bora_5{
  254. min-height: 900px;
  255. position: relative;
  256. padding: 0;
  257. margin: 0;
  258. }
  259. .contentbox.bora_5 .content{
  260. width: 100%;
  261. position: absolute;
  262. top: 248px;
  263. background-color: #fff;
  264. margin: 0;
  265. }
  266. input{
  267. border: 1px solid #E5E8EF;
  268. }
  269. .fanye{
  270. border: 0;
  271. }
  272. .zy_right_con{
  273. float: unset;
  274. margin: -118px auto 0;
  275. background-color: #fff;
  276. padding: 20px 20px;
  277. box-sizing: border-box;
  278. }
  279. .zy_right_con .zy_title{
  280. padding-top: 16px;
  281. }
  282. .zy_right_con .zy_title h2{
  283. padding-bottom: 16px;
  284. }
  285. .zy_contentbox{
  286. padding: 0;
  287. }
  288. #reset{
  289. background-color: #F6F7FB;
  290. color: #666;
  291. border: 1px solid#ccc;
  292. }
  293. .zy_right_con .zy_title h2{
  294. color: #333;
  295. }
  296. .zy_right_con .zy_title h2 i{
  297. background-color: #005389;
  298. }
  299. .zy_table_list tr td,.zy_table_list tr th{
  300. padding: 9px 16px;
  301. font-size: 14px;
  302. line-height: 20px;
  303. color: #333;
  304. min-width: 0;
  305. box-sizing: border-box;
  306. text-overflow: ellipsis;
  307. vertical-align: middle;
  308. position: relative;
  309. text-align: center;
  310. border-color: #E5E8EF;
  311. height: unset;
  312. white-space: nowrap;
  313. }
  314. .zy_table_list{
  315. border: none;
  316. }
  317. .zy_table_list tr th{
  318. color: #666;
  319. }
  320. .zy_table_list tr td.table-handle a:nth-child(1){
  321. margin-right: 16px;
  322. }
  323. .zy_table_list tr:nth-child(2n),.zy_table_list tr th{
  324. background-color: #E8F5FF;
  325. }
  326. #savefile{
  327. float: right;
  328. margin-right: 10px;
  329. }
  330. #savefile .upload{
  331. padding-right: 5px;
  332. }
  333. </style>
  334. </body>
  335. </html>