zhaobao
/
XDProjects


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508
							<!doctype html>
<html>
 <head> 
  <meta charset="utf-8"> 
  <meta content="医学影像智能解译系统" http-equiv="keywords"> 
  <meta name="description" content="医学影像智能解译系统"> 
  <meta name="applicable-device" content="pc,mobile"> 
  <meta http-equiv="Cache-Control" content="no-siteapp"> 
  <meta http-equiv="Cache-Control" content="no-transform"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
  <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 
  <title>医学影像智能解译系统</title> 
  <link rel="stylesheet" href="css/index.css" type="text/css"> 
  <link rel="stylesheet" type="text/css" href="css/children.css"> 
  <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script> 
  <script type="text/javascript" src="js/jquery.min.js"></script> 
  <script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script> 
  <script type="text/javascript" src="js/jquery.imgbox.pack.js"></script> 
  <script type="text/javascript" src="js/public.js"></script>
  <!-- 菜单js等--> 
  <script type="text/javascript" src="js/qrcode.min.js"></script> 
  <!-- 时间选择js --> 
  <script type="text/javascript" src="js/laydate.js"></script> 
  <script type="text/javascript" src="js/Image_binary_segmentation.js"></script> 
  <link rel="stylesheet" href="css/imgbox.css"> 
  <script language="javascript" type="text/javascript">
	if(sessionStorage!=undefined)
	{
		if(sessionStorage.getItem("username")!=null)
		{
			$("#needlogin").remove();
			var $span= $("<span>用户名:"+sessionStorage.getItem("username")+"</span>");
			$("#needloginparent").append($span);
			
		}
		else
			window.location.href="login.html";
	}
</script> 
  <script>
function changepic() {
	//alert(document.getElementById('file').value);
	if(document.getElementById('file').value!="")
	{
	    var reads= new FileReader();
	    f=document.getElementById('file').files[0];
	    reads.readAsDataURL(f);
	    reads.onload=function (e) {
	        document.getElementById('img').src=this.result;
			document.getElementById('img_a').href=this.result;
	    };
	    document.getElementById('showimg').style.display="block";
	    document.getElementById('img').style.display="block";
	}
	else
	{
		document.getElementById('showimg').style.display="none";
	    document.getElementById('img').style.display="none";
	}
	
	$("tbody").empty();
}
</script> 
 </head> 
 <body> 
  <!--加载框--> 
    <div id="loadingDiv"> 
    <img src="images/loading.gif" style="margin-top:400px;margin-left:700px;"> 
    </div> 
    <!--nav--> 
    <div class="nav">
      <div class="nav-container">
          <div class="nav-top">
              <div class="body-container">
                  <span class="tip">您好，欢迎来到智能医学影像理解研究中心</span>
                  <div id="needloginparent" class="l">
                    <a id="needlogin" href="login.html" target="_self">登录</a>
                   </div> 
                   <div id="logoutparent" class="l" style="padding-left: 10px;">
                    <a id="needlogout" href="loginout.html" target="_self">退出</a>
                   </div>
              </div>
          </div>
          <div class="nav-bottom">
              <div class="body-container">
                  <div class="logo-container">
                      <img class="logo" src="images/ipiu.jpg">
                      <div class="word">
                        <div class="name">智能医学影像理解研究中心</div>
                        <div class="name-es">Intelligent Medical Image Understand Research Center(IMIU)</div>
                      </div>
                  </div>
                  <div class="side-container">
                      <ul>
                          <li> <a href="index.html">首 页</a> </li> 
                          <li> <a href="Laboratory_members.html">研究中心成员</a> </li> 
                          <li > <a href="research_findings1.html">研究成果</a> </li> 
                          <li> <a id="a_datamanage" href="data_manage.html">医学数据管理</a> </li> 
                          <li class="active"> <a id="a_show" href="show_search_text.html">医学影像智能解译系统</a> </li> 
                      </ul>
                  </div>
              </div>
          </div>
      </div>
  </div>
   <div class="researchFinding">
      <div class="banner common-banner">
          <div class="title wid_main">
            <h3>医学影像智能解译系统</h3>
            <p>Intelligent medical image interpretation system</p>
          </div>    
      </div>      
      <div class="researchFinding-container">
        <div class="researchFinding-content">
            <div class="researchFinding-handle">
               <div class="title">展示列表</div>
               <ul>
                  <li><a href="image_crop.html">图像切分</a></li> 
                  <li><a href="show_search_text.html">文字检索系统</a></li> 
                  <li><a href="show_search_pic.html">图像检索系统</a></li> 
                  <li class="active"><a href="Image_binary_segmentation.html">二维医学图像分割</a></li> 
                  <li><a href="image_3D_segmentation.html">三维医学图像分割</a></li> 
               </ul> 
               <!-- 联系信息 --> 
               <div class="contact"> 
                <div id="qrcode"></div> 
                <p class="tip">扫码即可上传手机图像进行智能切分！</p>
                <script type="text/javascript">
                      var qrcode = new QRCode(document.getElementById("qrcode"), {
                        width : 320,
                        height : 320
                      });
        
                      function makeCode () {			
                        qrcode.makeCode("https://imiu.xidian.edu.cn/image_crop.html");
                      }
                      makeCode();
                </script>                   
               </div>          
            </div>           
            <div class="info">
              <div class="info-head-conatiner">
                <span>二维医学图像分割</span>
              </div>              
                <div class="zy_public_box"> 
                    <div class="zy_public_list"> 
                        <!-- <form class="link_more"> 
                            <div class="box dib vm"> 
                            <input type="file" name="file" id="file" onchange="changepic(this)" accept="image/png, image/jpeg, image/gif, image/jpg" style="width: 200px;border: 0px;margin-left: 0px;margin-bottom: 0px;font-size: 15px;background-size: contain;background-repeat: no-repeat;background-position: center center;text-indent:0px"> 
                            </div> 
                            <div class="box dib vm"> 
                            <span>器官：</span> 
                            <select id="select_organ" name="select"> <option value="0" style="display: none" selected>脊柱</option> <option value="1">脊柱</option> </select> 
                            </div> 
                            <div class="box dib vm"> 
                            <button id="findByOrgan" type="button">器官分割</button> 
                            </div> 
                        </form> 
                        <form class="link_more"> 
                            <div class="box dib vm"> 
                            <span>查看病变区域示例</span>
                            </div> 
                            <select id="select_patient" name="select"> <option value="0" selected>病人1</option> <option value="1">病人2</option> </select> 
                            <div class="box dib va"> 
                            <button id="check_add" type="button">查看示例</button> 
                            </div> 
                        </form>  -->
                        <div class="search-conatiner">
                          <div class="select-wrap">
                            <input type="file" name="file" id="file" onchange="changepic(this)" accept="image/png, image/jpeg, image/gif, image/jpg">
                            <div class="select-handle-container">
                              <select id="select_organ" name="select"> 
                                <option value="" selected>请选择器官</option>
                                <option value="1">脊柱</option>
                              </select> 
                              <button id="findByOrgan" type="button">器官分割</button>                               
                            </div>
                          </div>
                          <div class="example">
                            <div class="top">
                              <span id="check_add">查看病变区域示例</span>
                              <select id="select_patient" name="select"> 
                                <option value="0" selected>病人1</option> 
                                <option value="1">病人2</option> 
                              </select> 
                            </div>
                            <div class="example-content">
                              <div class="item original">
                                <div class="title">原图</div>
                                <img src="images/patient1.png" alt="原图">
                              </div>
                              <div class="item lesion">
                                <div class="title">病变</div>
                                <img src="images/patient1a.png" alt="病变">
                              </div>                                
                            </div>
                          </div>
                        </div>
                        <form class="zy_content" id="showimg" style="display:none"> 
                            <div class="zy_leaderbox"> 
                              <div class="tabs">
                                <div class="tab-item">分割前</div>
                                <div class="tab-item">分割后</div>
                                <div class="tab-item">病变</div>
                              </div>
                            </div> 
                            <div class="tab-cont">
                              <div class="zy_left_con item"> 
                                <a class="list_images" id="img_a" href="images/mao1.jpg"> <img src="images/mao1.jpg" id="img" width="200" height="200"> </a> 
                              </div> 
                              <div class="zy_left_con item"> 
                                <a class="list_images" id="img_b" href="images/TEST1.png"> <img src="images/TEST1.png" id="img1" width="200" height="200"> </a> 
                              </div> 
                              <div class="zy_left_con item"> 
                                <a class="list_images" id="img_att" href="images/TEST1.png"> <img src="images/TEST1.png" id="img1_att_back" width="300" height="200"> </a> 
                              </div>                             </div>
                        </form> 
                        <form class="zy_content" id="showimg1" style="display:none"> 
                            <div class="zy_leaderbox"> 
                            <div class="pic7"> 
                                <h3>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;原图&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;病变</h3> 
                            </div> 
                            </div> 
                            <div class="zy_left_con"> 
                            <a class="list_images" id="img_c" href="images/mao1.jpg" style="height: 0px;margin-left: 0px"> <img src="images/mao1.jpg" id="img_e" width="200" height="200"> </a> 
                            </div> 
                            <div class="zy_left_con"> 
                            <a class="list_images" id="img_d" href="images/mao1.jpg" style="height: 0px;margin-left: 0px"> <img src="images/mao1.jpg" id="img_f" width="200" height="200"> </a> 
                            </div> 
                        </form> 
                        <!-- 行政许可列表 
                                            <table class="zy_table_list1">
                                                <thead>
                                                    <tr>
                                                        <th width="300px"></th>
                                                        <th width="300px">相似影像</th>
                                                        <th width="300px"></th>
                                                    </tr>
                                                </thead>
                                                <tbody id="mytbody">
                                                    
                                                </tbody>
                                            </table>--> 
                        <!-- 通用分页 
                                            <div class="fanye">
                                                <span id="datanum">共0条</span>
                                                <span id="pagenum">共0页</span>
                                                <button id="gotofirst">首页</button>
                                                <button id="gotopre">上一页</button>
                                                <button id="gotonext">下一页</button>
                                                <button id="gotolast">尾页</button>
                                                <p>
                                                    <span>转到第<input type="text" id="selectnumber" value="0">页</span>
                                                    <input type="button" id="gopage_number" value="确定">
                                                </p>
                                            </div>--> 
                        <!-- 通用分页end --> 
                    </div> 
                </div>    
            </div>   
        </div>
  <!-- 底部 --> 
      <div class="footerbox bg"> 
         <div class="wid_main fix"> 
            <div class="l"> 
               <a href="index.html" target="blank" class="dib vm"><img src="images/ipiu.jpg" width="85" height="85"></a> 
            </div> 
            <div class="l txt"> 
               <p>版权所有：西安电子科技大学智能医学影像理解研究中心&nbsp;&nbsp;&nbsp;地址：西安电子科技大学人工智能学院</p> 
               <p>西安电子科技大学智能医学影像理解研究中心建设和维护 </p> 
            </div> 
         </div> 
      </div>   
  <!-- 返回顶部 --> 
        <div class="side_box"> 
            <ul> 
                <li class="sidetop"> <span></span> </li> 
            </ul> 
        </div>           
   </div>
  <!-- 重要新闻展示不滚动 -->  
  <style>
   .banner{
      width: 100%;
      height: 248px;
      background-color: #005389;
      background-image: url(./images/version2/medicalImage/bg.png);
      background-repeat: no-repeat;
      background-size: 100% 100%;
   }
   .researchFinding{
      width: 100%;
      position: relative;
   }
   .researchFinding-container{
      width: 100%;
      position: absolute;
      top: 248px;
      z-index: 999;
      background-image: url(./images/version2/Laboratory_members/bg.png);
      background-size: 100% 100%;
      background-repeat: no-repeat;
   }
   .researchFinding-content{
      width: 1200px;
      min-height: 500px;
      background-color: #fff;
      margin: -100px auto 0;
      box-shadow: 0 0 2px rgba(0,0,0,0.1);
      border-radius: 4px;
      display: flex;
      justify-content: flex-start;
      padding: 40px 20px 100px 40px;
      box-sizing: border-box;
   }
    .researchFinding-content .researchFinding-handle{
      width: 240px;
      height: 700px;
      background-color: #005389;
      color: #fff;
      padding-left: 20px;
      margin-right: 57px;
    }
    .researchFinding-content .researchFinding-handle .title{
      font-size: 28px;
      line-height: 26px;
      color: #fff;
      font-weight: bold;
      padding: 32px 0;
      text-indent: 20px;
    }
    .researchFinding-content .researchFinding-handle ul>li{
      width: 221px;
      height: 64px;
      line-height: 64px;
      background-color: #fff;
      padding-left: 20px;
      position: relative;
    }
    .researchFinding-content .researchFinding-handle ul li::after{
      content: "";
      display: none;
      width: 15px;
      height: 100%;
      position: absolute;
      left: -8px;
      top: 0;
      background-image: url(./images/version2/Laboratory_members/rectangle.png);
      background-size: 100% 100%;
      background-repeat: no-repeat;
    }
    .researchFinding-content .researchFinding-handle ul>li a{
      color: #333;
      font-size: 18px;
    }
    .researchFinding-content .researchFinding-handle ul>li.active{
      background-color: #E0620D;
    }
    .researchFinding-content .researchFinding-handle ul>li.active a{
      color: #fff;
    }
    .researchFinding-content .researchFinding-handle ul>li.active::after{
      display: block;
    }
    .researchFinding-content .researchFinding-handle .contact .title{
      padding: 48px 0 30px 0;
      line-height: 1;
      font-size: 26px;
    }
    .researchFinding-content .researchFinding-handle .contact #qrcode{
      display: block;
      width: 142px;
      height: 142px;
      padding: 10px;
      background-color: #fff;
      margin: 30px auto 10px;
    }    
    .researchFinding-content .researchFinding-handle .contact #qrcode img{
      display: block;
      width: 142px;
      height: 142px;
    }
    .researchFinding-content .researchFinding-handle .contact .tip{
      display: block;
      width: 160px;
      color: #E0620D;
      font-size: 16px;
      line-height: 24px;
      padding: 12px 0 24px 0;
      text-align: center;
      margin: 0 auto;
    }
    .researchFinding-content .info{
      max-height: 970px;
      overflow-y: auto;
      overflow-x: hidden;
      flex: 1;
    }
    .search-conatiner::after{
      content: "";
      display: block;
      clear: both;
    }    
    .search-conatiner .select-wrap{
      float: left;
    }
    .search-conatiner .example{
      width: 240px;
      float: right;
    }
    .search-conatiner .example .top{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .search-conatiner .example .top #check_add{
      font-size: 16px;
      line-height: 1;
      color: #E0620D;
      cursor: pointer;
    }
    .example-content{
      margin-top: 20px;
      display: none;
    }
    .example-content .item {
      margin-bottom: 14px;
    }
    .example-content .item .title{
      color: #666;
      font-size: 14px;
      border-top: 1px solid #eaeaee;
      border-bottom: 1px solid #eaeaee;
      padding: 4px 0;
      line-height: 1;
      text-align: center;
    }
    .example-content .item img{
      display: block;
      width: 200px;
      height: 200px;
      margin: 8px auto;
    }
    .select-handle-container{
      padding-top: 24px;
    }
    .select-handle-container #select_organ{
      width: 150px;
      color:#666;
      font-size: 14px;
      margin-right: 14px;
    }
    .select-handle-container #findByOrgan{
      background-color: #005389;
      color: #fff;
      font-size: 14px;
      padding: 8px 16px;
      line-height: 1;
      border-radius: 4px;
    }
    .zy_content{
      border:1px solid #eaeaea;
      border-right: 0;
    }
    .zy_leaderbox .tabs{
      border-bottom:1px solid #eaeaea;
    }
    #showimg{
      margin-top: 30px;
    }
    .zy_left_con .list_images,.zy_left_con .list_images img{
      width: 200px;
      height: 200px;
    }
    .zy_left_con .list_images{
      border:1px solid #eaeaea;
      margin: 0 auto;
      display: block;
      width: 200px;
      height: 200px;
    }
    .tabs::after,.tab-cont::after{
      display: block;
      content: "";
      clear: both;
    }
    .tabs .tab-item,.tab-cont .item{
      width: 33.333%;
      float: left;
      box-sizing: border-box;
      border-right: 1px solid #eaeaea;
      padding: 6px 0;
      text-align: center;
      font-size: 14px;
      color: #666;
    }
    #select_patient{
      padding: 5px 14px;
    }
  </style> 
 </body>
</html>