Browse Source

修改分词页实体抽取模式切换

zhangxc 5 years ago
parent
commit
9ca46e4596
3 changed files with 13 additions and 5 deletions
  1. 6 4
      src/css/participle.less
  2. 2 1
      src/html/participle.html
  3. 5 0
      src/js/participle.js

+ 6 - 4
src/css/participle.less

@@ -52,19 +52,21 @@
             #toggleImg, #toggleImgs{
                 position: absolute;
                 color: #5A8EEE;
-                display: inline-block;
+                display: block;
                 top: 6px;
-                width: 80px;
+                width: 48px;
                 text-align: center;
                 height: 30px;
                 line-height: 28px;
                 cursor: pointer;
+                font-size: 14px;
                 font-weight: 400;
                 border: 1px solid #5A8EEE;
                 box-sizing: border-box;
+                display: none;
             }
             #toggleImg {
-                right: 79px;
+                right: 47px;
                 border-radius: 4px 0 0 4px;
                 // display: none;
             }
@@ -269,7 +271,7 @@
         }
         .empty{
             position: absolute;
-            display: none;
+            // display: none;
             width: 120px;
             height: 140px;
             top: 50%;

+ 2 - 1
src/html/participle.html

@@ -39,7 +39,8 @@
 				</div>
 			</div>
 			<div class="contentInfoBox">
-				<p class="contentTitle">实体抽取<span id="toggleImg" class="activeBtn">文本</span><span id="toggleImgs" class="">图像</span> 
+				<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">

+ 5 - 0
src/js/participle.js

@@ -70,6 +70,9 @@ function insertStr(soure, start, newStr){
  }
  let svgData;
 function getEntityPredict(){
+    $("#toggleImgs").css("display","none");
+    $("#toggleImg").css("display","none");
+    $('.tableTitle').css("display","none");
     const val = $('#infoTxt').val()
     const param ={
         data:[
@@ -198,6 +201,8 @@ function getSchema(content, entryList){
         }
     }
     $('#resultBoxInfo').html(content)
+    $("#toggleImgs").css("display","block");
+    $("#toggleImg").css("display","block");
 }
 function getRelationList(relationList,entryList){