Skip to content

H
hnxtbaboot
Commit 90b8ea2f by 焦荣
Options

修改反馈界面样式

parent fcd5ebec
Showing with 388 additions and 4 deletions
src/main/java/com/founder/controller/CallDygabxxfw.java
......@@ -77,6 +77,7 @@ public class CallDygabxxfw {
}
}
}
System.out.println("map=调取全国案件人员接口===" + map);
} catch (Exception e) {
System.out.println("获取全国案件数据异常===" + e.getMessage());
map.put("dataResult" ,"");
......
src/main/java/com/founder/controller/RyfkController.java
......@@ -99,6 +99,9 @@ public class RyfkController {
model.addAttribute("ztryxxlist",ztryxxlist); //在逃人员信息
model.addAttribute("bzcs",bzcs); //比中次数
model.addAttribute("tbZwbzxx",tbZwbzxx); //比中信息
model.addAttribute("ryxx",xyrC);//人员基本信息
model.addAttribute("autoTbStRyList",autoTbStRyList);//生物特征采集次数
return "ryfk/ryfk";
/* String asjxgrybh = "R4300000000002020060002";
//获得人员基本信息
......@@ -107,7 +110,7 @@ public class RyfkController {
}else{
}*/
/*
if(xyrC==null){
xyrC = new AutoTbStRy();
}
......@@ -231,7 +234,7 @@ public class RyfkController {
wpxxzs = wpxxInfoList.size();
}
model.addAttribute("ryxx",xyrC);//人员基本信息
model.addAttribute("autoTbStRyList",autoTbStRyList);//生物特征采集次数
model.addAttribute("autoTbStRyList",autoTbStRyList);
//model.addAttribute("ryzpzs",ryzpzs);//人像总数
//model.addAttribute("ryzpList",ryzpList);//人像基本信息
model.addAttribute("swtzzs",swtzzs);//指纹总数
......@@ -254,7 +257,8 @@ public class RyfkController {
model.addAttribute("swxxzs",swxxzs);//声纹信息总数
model.addAttribute("hmxxzs",hmxxzs);//虹膜信息总数
model.addAttribute("wpxxzs",wpxxzs);//物品信息总数
return "ryfk/index";
return "ryfk/index";*/
}
......@@ -268,16 +272,20 @@ public class RyfkController {
if(zbfzxyr.get("dataResult")!=null&&!zbfzxyr.get("dataResult").equals("")){
rowlist = (ArrayList) zbfzxyr.get("dataResult");
}
List ajxxlist = new ArrayList();
for (int i = 0; i < rowlist.size(); i++) { //查询人员对应的案件 存在一人多案
Map maps = (Map) JSON.parse(rowlist.get(i).toString());
String asjbh = maps.get("ASJBH").toString();
System.out.println("asjbh= 根据人员查询案件编号==" + asjbh);
//获取案件信息
jsonStr = "[{\"ASJBH\":\"" + asjbh + "\"}]";
zylx = "asj";
Map<String, Object> asjmap = fw.getGabZyInfo(zylx, jsonStr);
List asjlist = new ArrayList();
asjlist = (ArrayList) asjmap.get("dataResult");
System.out.println("asjbh= 返回案件信息==" + asjlist);
//案件map
Map asjmaps = (Map) JSON.parse(rowlist.get(0).toString());
TbStAsj asj = new TbStAsj();
......
src/main/resources/templates/ryfk/index.html
......@@ -791,7 +791,7 @@
});
if(ryjbxx.edzzpStr64!=null&&$ryjbxx.edzzpStr64!=""){
$("#ckzp").attr("layer-src","data:image/gif;base64,"+data[key]);
$("#ckzp").attr("layer-src","data:image/gif;base64,"+ryjbxx.edzzpStr64);
}else{
$("#ckzp").attr("src","/static/img/Personface.jpg");
}
......
src/main/resources/templates/ryfk/ryfk.html 0 → 100644
<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="favicon.ico" rel="shortcut icon" />
<title>人员信息反馈</title>
<link rel="stylesheet" href="/static/ryfk/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/ryfk/layer/skin/layer.css">
<link rel="stylesheet" href="/static/ryfk/css/font-awesome.min.css">
<link rel="stylesheet" href="/static/ryfk/css/base_initialize.css">
<!--- 代码框-->
<link rel="stylesheet" href="/static/easyui-window/css/easyui.css">
<link rel="stylesheet" href="/static/easyui-window/css/icon.css">
<link rel="stylesheet" href="/static/ryfk/css/details.css">
<link rel="stylesheet" type="text/css" href="/static/ryswtz/css/easyui-new.css">
<link rel="stylesheet" type="text/css" href="/static/ryswtz/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="/static/ryswtz/css/layer/skin/default/layer.css">
<link rel="stylesheet" type="text/css" href="/static/ryswtz/css/ryswtz.css">
<link rel="stylesheet" type="text/css" href="/static/ryswtz/css/btn-ico.css">
<link rel="stylesheet" type="text/css" href="/static/ryswtz/css/buttons.css">
<style>
#zz_photos .left:nth-child(1) dl:nth-child(2) img,#zz_photos .left:nth-child(1) dl:nth-child(3) img{height:540px;}
</style>
</head>
<body>
<!-- 头 -->
<div class="header"><i class="fa fa-user" style="margin-right:8px;"></i>人员信息反馈
</div>
<div class="wrap">
<!-- 左侧 -->
<div class="leftWrap">
<div class="left-menu">
<ul class="menu">
<li class="active">
<a href="#ryjbxx">人员基本信息<span class="count">1</span></a>
</li>
<li>
<a href="#qgsaxx">全国涉案信息<span class="count"><p th:text="${qgajxxlist.size()}"></p></span></a>
</li>
<li>
<a href="#qssaxx">全省涉案信息<span class="count">0</span></a>
</li>
<li>
<a href="#ztryxx">在逃人员信息<span class="count"><p th:text="${ztryxxlist.size()}"></p></span></a>
</li>
<li>
<a href="#zwbzxx">指纹比中信息<span class="count"><p th:text="${bzcs}"></p></span></a>
</li>
<li>
<a href="#swtzxx">生物特征信息<span class="count"><p th:text="${swtzzs}"></p></span></a>
</li>
</ul>
</div>
</div>
<!-- 右侧 -->
<div class="rightWrap" style="position: relative;">
<!-- 全国涉案信息 -->
<div class="line1" id="ryjbxx">
<div class="centerbox">
<h1><span class="boder-left" style="top:7px;"></span><p>人员基本信息<i class="fa fa-angle-double-up iconsq" title="收起" onclick="toggleXx(this)"></i></p></h1>
<div class="bsh">
<table class="jbxxTableWrap" width="100%">
<tr class="empty">
<td width="10%"></td><td width="23%"></td><td width="10%"></td><td width="23%"></td><td width="10%"></td><td width="23%"></td>
</tr>
<tr>
<td rowspan="4" colspan="2" class="ac"><img id="ckzp" src="data:image/jpg;base64,"+${ryjbxx.edzzpStr64} style="height:120px;" /></td>
<td class="ar">人员编号：</td>
<td style="width:15%;" th:text="${ryjbxx.rybh}"></td>
<td class="ar">证件号码：</td>
<td style="width:15%;" th:text="${ryjbxx.zjhm}"></td>
</tr>
<tr>
<td class="ar">姓名：</td>
<td style="width:15%;" th:text="${ryjbxx.xm}"></td>
<td class="ar">曾用名：</td>
<td style="width:15%;" th:text="${ryjbxx.cym}"></td>
</tr>
<tr>
<td class="ar">性别：</td>
<td style="width:15%;" th:text="${ryjbxx.xm}"></td>
<td class="ar">出生日期：</td>
<td style="width:15%;" th:text="${ryjbxx.csrqQsrqStr}"></td>
</tr>
<tr>
<td class="ar">民族：</td>
<td style="width:15%;" th:text="${ryjbxx.mzdm}"></td>
<td class="ar">学历：</td>
<td style="width:15%;" th:text="${ryjbxx.xldm}"></td>
</tr>
<tr>
<td class="ar">户籍地：</td>
<td style="width:15%;" th:text="${ryjbxx.hjdzDzmc}"></td>
<td class="ar">现住址：</td>
<td style="width:15%;" th:text="${ryjbxx.xzzDzmc}"></td>
<td class="ar">服务处所：</td>
<td style="width:15%;" th:text="${ryjbxx.fwcs}"></td>
</tr>
</table>
</div>
</div>
</div>
<!-- 全国涉案信息 -->
<div class="line1" id="qgsaxx">
<div class="centerbox">
<h1><span class="boder-left" style="top:7px;"></span><p>全国涉案信息<i class="fa fa-angle-double-up iconsq" title="收起" onclick="toggleXx(this)"></i></p></h1>
<div class="bsh" th:each="stasj,stasjStat:${qgajxxlist}">
<table class="jbxxTableWrap" width="100%">
<tr class="empty">
<td width="5%"></td><td width="10%"></td><td width="23%"></td><td width="10%"></td><td width="23%"></td><td width="10%"></td><td width="23%"></td>
</tr>
<tr>
<td style="width:15%;" th:text="案件 + ${stasjStat.index+1}"></td>
<td class="ar">案件编号：</td>
<td style="width:15%;" th:text="${stasj.ASJBH}"></td>
<td class="ar">案件名称：</td>
<td style="width:15%;" th:text="${stasj.AJMC}"></td>
<td class="ar">案件类别：</td>
<td style="width:15%;" th:text="${stasj.AJLBDM}"></td>
</tr>
<tr>
<td style="width:15%;" ></td>
<td class="ar">发案时间：</td>
<td style="width:15%;" th:text="${stasj.FXASJSJ}"></td>
<td class="ar">发案地点：</td>
<td style="width:15%;" th:text="${stasj.FXASJDD_DZMC}"></td>
<td class="ar">立案日期：</td>
<td style="width:15%;" th:text="${stasj.LARQ}"></td>
</tr>
<tr>
<td style="width:15%;" ></td>
<td class="ar">立案单位：</td>
<td style="width:15%;" th:text="${stasj.LADW_GAJGMC}"></td>
<td class="ar">侦查终结时间：</td>
<td style="width:15%;" th:text="${stasj.ZCZJ_ZXSJ01}"></td>
<td class="ar">侦查终结单位：</td>
<td style="width:15%;" th:text="${stasj.ZCZJDW_GAJGMC}"></td>
</tr>
<tr>
<td style="width:15%;" ></td>
<td class="ar">简要案情：</td>
<td style="width:15%;" colspan="5" th:text="${stasj.JYAQ}"></td>
</tr>
</table>
</div>
</div>
</div>
<!-- 全省涉案信息 -->
<div class="line1" id="qssaxx">
<div class="centerbox">
<h1><span class="boder-left" style="top:7px;"></span><p>全省涉案信息<i class="fa fa-angle-double-up iconsq" title="收起" onclick="toggleXx(this)"></i></p></h1>
<div class="bsh">
</div>
</div>
</div>
<!-- 在逃人员信息 -->
<div class="line1" id="ztryxx">
<div class="centerbox">
<h1><span class="boder-left" style="top:7px;"></span><p>在逃人员信息<i class="fa fa-angle-double-up iconsq" title="收起" onclick="toggleXx(this)"></i></p></h1>
<div class="bsh" th:each="ztry,ztryStat:${ztryxxlist}">
<table class="jbxxTableWrap" width="100%">
<tr class="empty">
<td width="5%"></td><td width="10%"></td><td width="23%"></td><td width="10%"></td><td width="23%"></td><td width="10%"></td><td width="23%"></td>
</tr>
<tr>
<td style="width:15%;" th:text="在逃信息 + ${ztryStat.index+1}"></td>
<td class="ar">在逃人员编号：</td>
<td th:onclick="'javascript:openZtxq(\''+${ztry.ztrybh}+'\');'" th:text="${ztry.ztrybh}"></td>
<td class="ar">姓名：</td>
<td th:text="${ztry.xm}"></td>
<td class="ar">身份证号：</td>
<td th:text="${ztry.zjhm}"></td>
</tr>
<tr>
<td style="width:15%;" ></td>
<td class="ar">涉案编号：</td>
<td th:text="${ztry.asjbh}"></td>
<td class="ar">案件类别：</td>
<td th:text="${ztry.ajlbdm}"></td>
<td class="ar">立案日期：</td>
<td th:text="${ztry.larq}"></td>
</tr>
<tr>
<td style="width:15%;" ></td>
<td class="ar">通缉令编号：</td>
<td th:text="${ztry.tjlbh}"></td>
<td class="ar">通缉级别：</td>
<td th:text="${ztry.tjjbdm}"></td>
<td class="ar">逃跑时间：</td>
<td th:text="${ztry.tpsj}"></td>
</tr>
<tr>
<td style="width:15%;" ></td>
<td class="ar">抓获日期：</td>
<td th:text="${ztry.zhrq}"></td>
<td class="ar">抓获地点：</td>
<td th:text="${ztry.zhdd_dzmc}"></td>
<td class="ar">抓获单位：</td>
<td th:text="${ztry.zhdw_gajgmc}"></td>
</tr>
<tr>
<td style="width:15%;" ></td>
<td class="ar" >简要案情：</td>
<td colspan="5" th:text="${ztry.jyaq}"></td>
</tr>
</table>
</div>
</div>
</div>
<!-- 指纹比中信息 -->
<div class="line1" id="zwbzxx">
<div class="centerbox">
<h1><span class="boder-left" style="top:7px;"></span><p>指纹比中信息<i class="fa fa-angle-double-up iconsq" title="收起" onclick="toggleXx(this)"></i></p></h1>
<div class="bsh">
<table class="jbxxTableWrap" width="100%">
<tr class="empty">
<td width="10%"></td><td width="23%"></td><td width="10%"></td><td width="23%"></td><td width="10%"></td><td width="23%"></td>
</tr>
<tr>
<td class="ar">任务编号：</td>
<td th:text="${tbZwbzxx.rwbh}"></td>
<td class="ar">指纹比对系统：</td>
<td th:text="${tbZwbzxx.zwbdxtlxms}"></td>
<td class="ar">现场指纹_案事件编号：</td>
<td th:text="${tbZwbzxx.xczw_asjbh}"></td>
</tr>
<tr>
<td class="ar">原始系统_案事件编号：</td>
<td th:text="${tbZwbzxx.xczw_ysxt_asjbh}"></td>
<td class="ar">现场指纹_现场勘验编号：</td>
<td th:text="${tbZwbzxx.xczw_xckybh}"></td>
<td class="ar">现场指纹_原始系统_现场指掌纹编号：</td>
<td th:text="${tbZwbzxx.xczw_ysxt_xczzhwbh}"></td>
</tr>
<tr>
<td class="ar">现场指纹_现场物证编号：</td>
<td th:text="${tbZwbzxx.xczw_xcwzbh}"></td>
<td class="ar">捺印指纹_原始系统_案事件相关人员编号：</td>
<td th:text="${tbZwbzxx.nyzw_ysxt_asjxgrybh}"></td>
<td class="ar">捺印指纹_案事件相关人员编号：</td>
<td th:text="${tbZwbzxx.nyzw_asjxgrybh}"></td>
</tr>
<tr>
<td class="ar">比中单位_公安机关名称：</td>
<td th:text="${tbZwbzxx.bzdw_gajgmc}"></td>
<td class="ar">比中人_姓名：</td>
<td th:text="${tbZwbzxx.bzr_xm}"></td>
<td class="ar">比中时间：</td>
<td th:text="${tbZwbzxx.bzsj}"></td>
</tr>
<tr>
<td class="ar">复核单位_公安机关名称：</td>
<td th:text="${tbZwbzxx.fhdw_gajgmc}"></td>
<td class="ar">复核人_姓名：</td>
<td th:text="${tbZwbzxx.fhr_xm}"></td>
<td class="ar">复核时间：</td>
<td th:text="${tbZwbzxx.fhsj}"></td>
</tr>
</table>
</div>
</div>
</div>
<!-- 生物特征信息 -->
<div class="line1" id="swtzxx">
<div class="centerbox">
<h1><span class="boder-left" style="top:7px;"></span><p>生物特征采集记录<i class="fa fa-angle-double-up iconsq" title="收起" onclick="toggleXx(this)"></i></p></h1>
<!--采集记录信息-->
<div class="tab1_div dnaxx_div">
<div class="" style="display: block;">
<div class="tab2_div zwxx_gdzw" style="padding-bottom:30px;">
<table class="jbxxTableWrap" width="100%">
<thead>
<tr>
<th data-options="field:'人员编号',align:'center'" style="width:15%;">人员编号</th>
<th data-options="field:'采集时间',align:'center'" style="width:15%;">违法犯罪记录</th>
<th data-options="field:'采集时间',align:'center'" style="width:15%;">采集时间</th>
<th data-options="field:'采集人',align:'center'" style="width:15%;">采集人</th>
<th data-options="field:'采集单位',align:'center'" style="width:15%;">采集单位</th>
</tr>
</thead>
<tbody>
<div class="bsh" th:each="stry:${autoTbStRyList}">
<tr>
<td style="width:20%;" th:onclick="'javascript:openRyxq(\''+${stry.rybh}+'\');'" th:text="${stry.rybh}"></td>
<td style="width:20%;" th:text="${stry.wffzjlms}"></td>
<td style="width:20%;" th:text="${stry.lrsjStr}"></td>
<td style="width:20%;" th:text="${stry.lrrXm}"></td>
<td style="width:20%;" th:text="${stry.lrdwmc}"></td>
</tr>
</div>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/static/ryfk/layer/layer.js"></script>
<script type="text/javascript" src="/static/ryswtz/js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="/static/ryswtz/js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/static/ryswtz/js/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="/static/ryswtz/css/layer/layer.js"></script>
<script type="text/javascript" src="/static/ryswtz/js/ryswtz.js"></script>
<script type="text/javascript">
$(function(){
$(".left-menu .menu>li").click(function(){
var _this=this;
$(_this).addClass("active").siblings().removeClass('active');
});
/*监听滚动*/
$(".rightWrap").on('scroll',function(event){
var $scroll=$(this).scrollTop();
$('.line1').each(function(){
var $loutitop=$(this)[0].offsetTop-8;
if($scroll>$loutitop){//楼层的top大于滚动条的距离
console.log("$scroll:"+$scroll+",,,$loutitop:"+$loutitop)
$('.menu li').removeClass('active');
$('.menu li').eq($(this).index()).addClass('active');
}
});
});
if(ryjbxx.edzzpStr64!=null&&$ryjbxx.edzzpStr64!=""){
$("#ckzp").attr("layer-src","data:image/gif;base64,"+ryjbxx.edzzpStr64);
}else{
$("#ckzp").attr("src","/static/img/Personface.jpg");
}
})
function showImgZw(){
layer.photos({
photos: '#layer-photos-zw'
,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
});
}
function toggleXx(_this){
if($(_this).hasClass("fa-angle-double-up")){
$(_this).removeClass("fa-angle-double-up").addClass("fa-angle-double-down").attr("title","展开");
$(_this).parents("h1").next("div").hide();
}else{
$(_this).removeClass("fa-angle-double-down").addClass("fa-angle-double-up").attr("title","收起");
$(_this).parents("h1").next("div").show();
}
}
function openRyxq(rybh){
alert("111111");
window.open("/toRyJbxxDetail?asjxgrybh="+rybh,'_blank');
}
function openZtxq(rybh){
window.open("http://xz.xz.ga/zxyw_zt/ztry/ztryxxzt.do?ztrybh="+rybh,'_blank');
//window.location.href = "http://xz.xz.ga/zxyw_zt/ztry/ztryxxzt.do?ztrybh="+rybh;
}
</script>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment