Skip to content

B
bigdatainterservice
Commit 2ef70c16 by caojingji
Options

人员画像界面调试

parent 3386d8b9
Showing with 35 additions and 22 deletions
src/main/resources/static/css/base-ryhx.css
......@@ -231,10 +231,10 @@ header{
.right-xx .border4{background:#000B1D url(../images/border4.png);}
.people{height:calc(100% * 0.9);position: absolute;bottom:0px;left:50%;margin-left:-200px;}
.right-people{text-align: center;height:100%;}
.new1,.new2,.new3,.new4,.new5,.new6,.new7{width:150px;height:160px;background: url(../images/news-bg3.png);background-size: cover;text-align: center;}
.birthdate,.address,.hjxx,.others1,.others2,.others3,.others4{ display: inline-block;overflow: hidden;margin: 0 auto;/*text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;*//*overflow: hidden;text-overflow:ellipsis;white-space: nowrap; */}
.new1,.new2,.new3,.new4,.new5,.new6,.new7,.new8{width:150px;height:160px;background: url(../images/news-bg3.png);background-size: cover;text-align: center;}
.birthdate,.address,.hjxx,.others1,.others2,.others3,.others4,.others5{ display: inline-block;font-weight: 600;overflow: hidden;margin: 0 auto;/*text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;*//*overflow: hidden;text-overflow:ellipsis;white-space: nowrap; */}
.new1 .birthdate{width: calc(100% - 20px);margin-top: 29px;}
.new1,.news-zx,.news-zx2,.new2,.news-zx3,.new3,.news-zx4,.new4,.news-zx5,.new5,.new6,.news-zx6,.new7{position: absolute;left:50%;top:50%;}
.new1,.news-zx,.news-zx2,.new2,.news-zx3,.new3,.news-zx4,.new4,.news-zx5,.new5,.new6,.news-zx6,.new7,.new8{position: absolute;left:50%;top:50%;}
.new1{margin-left: -236px;margin-top: -254px;width:69px;height:73px;}
.news-zx,.news-zx2,.news-zx3,.news-zx4,.news-zx5,.news-zx6{width:150px;margin-top: -238px;margin-left: -174px;}
.address{display: inline-block;width: calc(100% - 30px);margin-top:27px;}
......@@ -245,8 +245,10 @@ header{
.new4{margin-left:178px;margin-top:-94px;width: 100px;height: 110px;}
.new5{margin-left:-237px;margin-top:46px;width:69px;height:73px;}
.new6{margin-left:150px;margin-top:43px;width:69px;height:73px;/*line-height: 73px;*/}
.new7{margin-left:-241px;margin-top:-61px;}
.new7{margin-left:-176px;margin-top:-29px;}
.new8{margin-left:-241px;margin-top:-31px;}
.others4{width: calc(100% - 20px);margin-top:27px;}
.others5{margin-top: 26px;}
.news-zx3{margin-left:41px;margin-top:-214px;}
.w69{width:69px;height:73px;}
.w130{width:130px;height:140px;}
......
src/main/webapp/WEB-INF/jsp/ryhx/ryhx.jsp
......@@ -50,18 +50,19 @@
<img src="/images/people.png" class="people" style=""/>
<div id="content1" class="content">
<!--一条折线对应一条内容，左侧-->
<div class="new1 animated pulse"><span class="birthdate">曹寅</span></div>
<div class="new1 animated pulse"><span class="zdm"><span class="birthdate">李江</span></div>
<!--一条折线对应一条内容，左侧-->
<div class="new2 animated pulse"><span class="address">男</span></div>
<div class="new2 animated pulse"><span class="address">男性</span></div>
<!--一条折线对应一条内容，左侧-->
<div class="new3 animated pulse"><span class="hjxx">1994年09月12日</span></div>
<div class="new3 animated pulse"><span class="hjxx">80后</span></div>
<!--一条折线对应一条内容，左侧-->
<div class="new4 animated pulse"><span class="others1">重庆市九龙坡区西彭镇</span></div>
<div class="new4 animated pulse"><span class="others1">重庆市垫江县</span></div>
<!--一条折线对应一条内容，左侧-->
<div class="new5 animated pulse"><span class="others2">处女座</span></div>
<div class="new5 animated pulse"><span class="others2">狮子座</span></div>
<!--一条折线对应一条内容，左侧-->
<div class="new6 animated pulse"><span class="others3">未婚</span></div>
<div class="new7 animated pulse w69"><span class="others4">本科</span></div>
<div class="new8 animated pulse w69"><span class="others5">白领</span></div>
</div>
<div id="content2" class="content" style="display:none;">
<!--一条折线对应一条内容，左侧-->
......@@ -75,25 +76,27 @@
</div>
<div id="content3" class="content" style="display:none;">
<!--一条折线对应一条内容，左侧-->
<div class="new1 animated pulse w130" style="margin-left: -298px;"><span class="birthdate" style="margin-top: 58px;">落脚点常在重庆市北碚区</span></div>
<div class="new1 animated pulse w130" style="margin-left: -298px;"><span class="birthdate" style="margin-top: 58px;">疑似落脚点：重庆市北碚区中庚城</span></div>
<!--一条折线对应一条内容，左侧-->
<div class="new3 animated pulse w130"><span class="hjxx">入住时间一般是早上</span></div>
<div class="new3 animated pulse w130"><span class="hjxx">入住偏好时间：早晨（08:00——11:00）</span></div>
<!--一条折线对应一条内容，左侧-->
<div class="new4 animated pulse w130"><span class="others1" style="margin-top: 59px;">离店时间一般是下午</span></div>
<div class="new4 animated pulse w130"><span class="others1" style="margin-top: 59px;">退房偏好时间：下午（18:00——20:00）</span></div>
<!--一条折线对应一条内容，左侧-->
<div class="new5 animated pulse w130" style="margin-left: -292px;margin-top: -24px;"><span class="others2" style="margin-top: 56px;">常去目的地是重庆刑警总队</span></div>
<div class="new5 animated pulse w130" style="margin-left: -292px;margin-top: -24px;"><span class="others2" style="margin-top: 44px;">疑似活动区域：重庆市刑警总队、重庆市九龙坡区</span></div>
<div class="new2 animated pulse w100" style="margin-left: -292px;margin-top: -123px;"><span class="address" style="margin-top: 47px;width: calc(100% - 10px);">出行方式：飞机</span></div>
</div>
<div id="content4" class="content" style="display:none;">
<!--一条折线对应一条内容，左侧-->
<div class="new1 animated pulse w177"style="margin-left: -269px;margin-top: -207px;"><span class="birthdate" style="margin-top: 67px;">在逃编号:</br>Z1315135641611</span></div>
<div class="new1 animated pulse w100" style="margin-left: -269px;margin-top: -207px;"><span class="birthdate" style="margin-top: 49px;">在逃人员</span></div>
<!--一条折线对应一条内容，左侧-->
<%--<div class="new2 animated pulse"><span class="address"></span></div>
<div class="new2 animated pulse w100" style="margin-top: -83px;"><span class="address" style="margin-top: 49px;">吸毒人员</span></div>
<!--一条折线对应一条内容，左侧-->
<div class="new3 animated pulse"><span class="hjxx">DNA信息</span></div>
<div class="new3 animated pulse w100"><span class="hjxx" style="margin-top: 49px;">高危人员</span></div>
<!--一条折线对应一条内容，左侧-->
<div class="new4 animated pulse"><span class="others1">DNA信息</span></div>
<div class="new4 animated pulse w100"><span class="others1" style="margin-top: 49px;">流窜人员</span></div>
<!--一条折线对应一条内容，左侧-->
<div class="new5 animated pulse"><span class="others2">DNA信息</span></div>--%>
<div class="new5 animated pulse w100"><span class="others2" style="margin-top: 49px;width:calc(100% - 20px);">贩毒人员</span></div>
</div>
<div id="content5" class="content" style="display:none;">
<!--一条折线对应一条内容，左侧-->
......@@ -113,21 +116,29 @@
<!--一条折线对应一条内容，左侧-->
<div class="new2 animated pulse w100" style="margin-left: -265px;"><span class="address" style="margin-top: 43px;">体重:70kg</span></div>
<!--一条折线对应一条内容，左侧-->
<div class="new4 animated pulse w79"><span class="others1" style="margin-top:30px;">指纹信息</span></div>
<div class="new5 animated pulse w79"><span class="others2" style="margin-top:30px;">虹膜信息</span></div>
<div class="new6 animated pulse w79"><span class="others3" style="margin-top:30px;">足长:43</span></div>
</div>
<div id="content7" class="content" style="display:none;">
<!--一条折线对应一条内容，左侧-->
<div class="new1 animated pulse w100"><span class="birthdate" style="margin-top:43px;">自有房产/还贷中</span></div>
<!--一条折线对应一条内容，左侧-->
<div class="new2 animated pulse w100"><span class="address" style="margin-top:43px;">自有车辆/还贷中</span></div>
<div class="new2 animated pulse w100" style="margin-top: -97px;"><span class="address" style="margin-top:43px;">自有车辆/还贷中</span></div>
<div class="new4 animated pulse"><span class="others1">小资</span></div>
<div class="new5 animated pulse w100"><span class="others2" style="margin-top:48px;">网购达人</span></div>
</div>
<div id="content8" class="content" style="display:none;">
<!--一条折线对应一条内容，左侧-->
<div class="new2 animated pulse w100" style="margin-left: -267px;"><span class="address" style="margin-top: 38px;">与曹鹏同住次数最多</span></div>
<div class="new2 animated pulse w130" style="margin-left: -267px;"><span class="address" style="margin-top: 65px;">同住信息：曹鹏</span></div>
<!--一条折线对应一条内容，左侧-->
<div class="new3 animated pulse w100"><span class="hjxx" style="margin-top: 45px;">同户人:曹鹏</span></div>
<div class="new3 animated pulse w130"><span class="hjxx" style="margin-top: 65px;">同户信息：曹鹏</span></div>
<!--一条折线对应一条内容，左侧-->
<div class="new4 animated pulse w100"><span class="others1" style="margin-top: 45px;">同行人:刘永帅</span></div>
<div class="new4 animated pulse w130"><span class="others1" style="margin-top: 65px;">同行信息：曹鹏</span></div>
<div class="new5 animated pulse w130"><span class="others2" style="margin-top: 65px;">同案信息：曹鹏</span></div>
</div>
</div>
</article>
......
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