zhangxc 5 роки тому
батько
коміт
65a81393c9
4 змінених файлів з 37 додано та 10 видалено
  1. 24 2
      src/css/participle.less
  2. 3 1
      src/html/participle.html
  3. 1 1
      src/js/graphMap.js
  4. 9 6
      src/js/participle.js

+ 24 - 2
src/css/participle.less

@@ -49,11 +49,33 @@
                 width: 20px;
                 height: 20px;
             }
+            #toggleImg, #toggleImgs{
+                position: absolute;
+                color: #5A8EEE;
+                display: inline-block;
+                top: 6px;
+                width: 80px;
+                text-align: center;
+                height: 30px;
+                line-height: 28px;
+                cursor: pointer;
+                font-weight: 400;
+                border: 1px solid #5A8EEE;
+                box-sizing: border-box;
+            }
             #toggleImg {
-                display: none;
+                right: 79px;
+                border-radius: 4px 0 0 4px;
+                // display: none;
             }
             #toggleImgs {
-                display: block;
+                right: 0;
+                border-radius: 0 4px 4px 0;
+                // display: block;
+            }
+            #toggleImg.activeBtn,#toggleImgs.activeBtn{
+                background: #5A8EEE;
+                color: #fff;
             }
         }
         .contentInfoBox{

+ 3 - 1
src/html/participle.html

@@ -39,7 +39,9 @@
 				</div>
 			</div>
 			<div class="contentInfoBox">
-				<p class="contentTitle">实体抽取 <img id="toggleImg" src="./images/icon_tu.png" alt="" title="文本模式"><img title="图像模式" id="toggleImgs" src="./images/icon_wenzi.png" alt=""></p>
+				<p class="contentTitle">实体抽取<span id="toggleImg" class="activeBtn">文本</span><span id="toggleImgs" class="">图像</span> 
+					<!-- <img id="toggleImg" src="./images/icon_tu.png" alt="" title="文本模式"><img title="图像模式" id="toggleImgs" src="./images/icon_wenzi.png" alt=""> -->
+				</p>
 				<div class="resultBox">
 					<div class="empty">
 						<img class="emptyImg" src="./images/empty2.png" alt="您提交的信息暂未收录">

+ 1 - 1
src/js/graphMap.js

@@ -166,7 +166,7 @@ function dataClick(param){
 function getTree(subType, type,showNodeName){
     post(api.getTree,
         {
-            "subType": subType,
+            "subType": subType,     //科室subType: 2, 疾病type:1
             "type": type
         }
     ).then(res=>{

+ 9 - 6
src/js/participle.js

@@ -83,7 +83,7 @@ function getEntityPredict(){
 
     };
     $("#resultBoxInfo").html(`<p style="color: #aaa;text-align: center;margin-top:50px;font-size:14px;">正在分析...</p>`);
-    $("#svg").html(`<p style="color: #aaa;text-align: center;margin-top:50px;font-size:14px;">正在分析...</p>`);
+    $("#svg").html(`<p style="color: #aaa;text-align: center;margin-top:50px;font-size:14px;">正在生成,请稍后~</p>`);
     $(".analying").css('display','block');
     $('table').css("display","none")
     
@@ -121,16 +121,19 @@ function getEntityPredict(){
 $("#toggleImg").click(()=>{
     $("#resultBoxInfo").css("display","block")
     $("#svg").css("display","none")
-
-    $("#toggleImg").css("display","none");
-    $("#toggleImgs").css("display","block");
+    $("#toggleImgs").removeClass("activeBtn")
+    $("#toggleImg").addClass('activeBtn')
+    // $("#toggleImg").css("display","none");
+    // $("#toggleImgs").css("display","block");
 })
 $("#toggleImgs").click(()=>{
     $("#resultBoxInfo").css("display","none")
     $("#svg").css("display","block")
+    $("#toggleImg").removeClass("activeBtn")
+    $("#toggleImgs").addClass("activeBtn")
     showSvg(svgData)
-    $("#toggleImgs").css("display","none");
-    $("#toggleImg").css("display","block");
+    // $("#toggleImgs").css("display","none");
+    // $("#toggleImg").css("display","block");
 })
 function chageEnter(data){
     var keyMap = {