|
@@ -15,11 +15,20 @@
|
|
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
|
|
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
|
|
z-index: 999;
|
|
z-index: 999;
|
|
width:680px;
|
|
width:680px;
|
|
- height: 484px;
|
|
|
|
|
|
+ /*height: 484px;*/
|
|
}
|
|
}
|
|
.first{
|
|
.first{
|
|
margin-bottom:0px;
|
|
margin-bottom:0px;
|
|
}
|
|
}
|
|
|
|
+.first tr>th:nth-child(1){
|
|
|
|
+ width:101px;
|
|
|
|
+}
|
|
|
|
+.first tr>th:nth-child(2){
|
|
|
|
+ width:306px;
|
|
|
|
+}
|
|
|
|
+.first tr>th:nth-child(3){
|
|
|
|
+ width:259px;
|
|
|
|
+}
|
|
.first thead tr th{
|
|
.first thead tr th{
|
|
padding-left: 4px;
|
|
padding-left: 4px;
|
|
width:132px;
|
|
width:132px;
|
|
@@ -38,8 +47,22 @@
|
|
padding-left: 0px;
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
padding-right: 0px;
|
|
}
|
|
}
|
|
-.table>tbody>tr>td div{
|
|
|
|
- width: 132px;
|
|
|
|
|
|
+.table>tbody>tr>td:nth-child(1) div{
|
|
|
|
+ width: 100px;
|
|
|
|
+ padding-left: 4px;
|
|
|
|
+ white-space: normal;
|
|
|
|
+ word-break: break-all;
|
|
|
|
+ word-wrap: break-word;
|
|
|
|
+}
|
|
|
|
+.table>tbody>tr>td:nth-child(2) div{
|
|
|
|
+ width: 300px;
|
|
|
|
+ padding-left: 4px;
|
|
|
|
+ white-space: normal;
|
|
|
|
+ word-break: break-all;
|
|
|
|
+ word-wrap: break-word;
|
|
|
|
+}
|
|
|
|
+.table>tbody>tr>td:nth-child(3) div{
|
|
|
|
+ width: 269px;
|
|
padding-left: 4px;
|
|
padding-left: 4px;
|
|
white-space: normal;
|
|
white-space: normal;
|
|
word-break: break-all;
|
|
word-break: break-all;
|
|
@@ -54,6 +77,12 @@
|
|
.datanull{
|
|
.datanull{
|
|
padding-Left:20px;
|
|
padding-Left:20px;
|
|
}
|
|
}
|
|
|
|
+.extractsource{
|
|
|
|
+ padding: 0px 50px;
|
|
|
|
+}
|
|
|
|
+.extracttype{
|
|
|
|
+ padding: 0px 50px;
|
|
|
|
+}
|
|
</style>
|
|
</style>
|
|
<div class="content-wrapper">
|
|
<div class="content-wrapper">
|
|
<section class="content-header" style="padding: 49px 15px 0 15px;">
|
|
<section class="content-header" style="padding: 49px 15px 0 15px;">
|
|
@@ -95,25 +124,37 @@
|
|
if(flag3){
|
|
if(flag3){
|
|
$("#resultdata").css("overflow-x","hidden");
|
|
$("#resultdata").css("overflow-x","hidden");
|
|
}
|
|
}
|
|
|
|
+ var wheight = $(".content-wrapper").height();
|
|
|
|
+ $(".box").css("height",wheight*0.8+"px");
|
|
|
|
+ $(".second").css("height",wheight*0.8-90+"px");
|
|
})
|
|
})
|
|
|
|
|
|
function createnewbox(key,arr){
|
|
function createnewbox(key,arr){
|
|
var tablehtml = "";
|
|
var tablehtml = "";
|
|
var flag2 = false;
|
|
var flag2 = false;
|
|
|
|
+ var sourcehtml = "";
|
|
|
|
+ var typehtml = "";
|
|
for(var i in arr){
|
|
for(var i in arr){
|
|
flag2 = true;
|
|
flag2 = true;
|
|
|
|
+ if(sourcehtml == ""){
|
|
|
|
+ sourcehtml = '<span class="extractsource">抽取来源:<span class="sourceval">'+arr[i]["extfrom"]+'</span></span>'
|
|
|
|
+ }
|
|
|
|
+ if(typehtml == ""){
|
|
|
|
+ typehtml = '<span class="extracttype">抽取来源:<span class="typeval">'+arr[i]["matchtype"]+'</span></span>'
|
|
|
|
+ }
|
|
tablehtml = tablehtml + createtable(arr[i])
|
|
tablehtml = tablehtml + createtable(arr[i])
|
|
}
|
|
}
|
|
if(flag2){
|
|
if(flag2){
|
|
var boxhtml = '<div class="resultshowstyle">'
|
|
var boxhtml = '<div class="resultshowstyle">'
|
|
+'<div class="box box-primary">'
|
|
+'<div class="box box-primary">'
|
|
- +'<div class="codestyle">Code : '+key+'</div>'
|
|
|
|
|
|
+ +'<div class="codestyle">Code : '+key+sourcehtml+typehtml
|
|
|
|
+ +'</div>'
|
|
+'<table class="table first">'
|
|
+'<table class="table first">'
|
|
+'<thead>'
|
|
+'<thead>'
|
|
+'<tr>'
|
|
+'<tr>'
|
|
+'<th>匹配代码</th>'
|
|
+'<th>匹配代码</th>'
|
|
- +'<th>抽取来源</th>'
|
|
|
|
- +'<th>抽取类型</th>'
|
|
|
|
|
|
+ //+'<th>抽取来源</th>'
|
|
|
|
+ //+'<th>抽取类型</th>'
|
|
+'<th>抽取结果</th>'
|
|
+'<th>抽取结果</th>'
|
|
+'<th>抽取描述</th>'
|
|
+'<th>抽取描述</th>'
|
|
+'<th style="width:20px;"></th>'
|
|
+'<th style="width:20px;"></th>'
|
|
@@ -134,8 +175,8 @@
|
|
function createtable(map){
|
|
function createtable(map){
|
|
var trhtml = '<tr>'
|
|
var trhtml = '<tr>'
|
|
+'<td><div>'+map["code"]+'</div></td>'
|
|
+'<td><div>'+map["code"]+'</div></td>'
|
|
- +'<td><div>'+map["extfrom"]+'</div></td>'
|
|
|
|
- +'<td><div>'+map["matchtype"]+'</div></td>'
|
|
|
|
|
|
+ //+'<td><div>'+map["extfrom"]+'</div></td>'
|
|
|
|
+ //+'<td><div>'+map["matchtype"]+'</div></td>'
|
|
+'<td><div>'+map["value"]+'</div></td>'
|
|
+'<td><div>'+map["value"]+'</div></td>'
|
|
+'<td><div>'+map["name"]+'</div></td>'
|
|
+'<td><div>'+map["name"]+'</div></td>'
|
|
+'<td><div style="width:20px;"></div></td>'
|
|
+'<td><div style="width:20px;"></div></td>'
|