Skip to content

B
bigdatainterservice
Commit 69c8151f by caojingji
Options

修改样式

parent 70c1a935
Showing with 64 additions and 12 deletions
src/main/resources/static/css/tjDialog.css
@charset "UTF-8";
div,p{margin:0;padding:0;}
.fl{float:left;}
.dialog-content{display: table;width:100%;}
.photo,.right-box{float: left;}
.photo{width:40%;height: 123px;overflow: hidden;text-align: center;vertical-align: middle;position: relative;}
.photo{width:34%;height: 123px;overflow: hidden;text-align: center;vertical-align: middle;position: relative;}
.photo img{width:100px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.right-box{width:60%;text-indent: 10px;}
.right-box p{line-height: 20px;margin-top:15px;}
.result-box{float:left;width:30%;margin:8px 0 8px 2.3%;border:1px solid #ccc;padding:8px 0;border-radius: 5px;box-shadow: 0px 3px 10px #ccc;}
.right-box{width:65%;/*text-indent: 10px;*/}
.right-box>p{line-height: 20px;margin-top:15px;overflow: hidden;}
.result-box{float:left;width:32%;margin:8px 0 8px 0.8%;border:1px solid #ccc;padding:8px 0;border-radius: 5px;box-shadow: 0px 3px 10px #ccc;}
.result-box:hover{box-shadow: 0px 8px 10px #b3afaf;}
.border{display: inline-block;margin-right:1px;width:3px;height:16px;background:#0565f5;border-radius:2px;position: relative;top:2px;}
.eclipse{display: inline-block;width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
\ No newline at end of file
.eclipse{display: inline-block;width:calc(100% - 80px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.M-box3{text-align: center;position: absolute;bottom: 12px;left: 0;width: 100%;}
.M-box3>a,.M-box3>span{
display: inline-block;
position: relative;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.M-box3>span:first-child{
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.M-box3>a:last-child{
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.M-box3>a:hover,.M-box3>span:hover{
z-index: 2;
color: #23527c;
background-color: #eee;
border-color: #ddd;
}
.M-box3>a.active,.M-box3>span.active{
z-index: 3;
color: #fff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7;
}
.loading{width:100%;height:100%;position: absolute;top:0;left:0px;background: rgba(255,255,255,0.4);}
.loading>p{width:160px;height:30px;line-height: 30px;border:1px solid #ccc;border-radius: 5px;position: absolute;left:50%;top:50%;margin-top:-15px;margin-left:-80px;}
.loading img{position: relative;top:2px;}
.inline-block{
display: inline-block;
height: 30px;
line-height: 30px;
position: relative;
top: -3px;
}
\ No newline at end of file
src/main/resources/static/js/qypzjgxsNew.js
......@@ -887,7 +887,7 @@ function showDialog() {
url:'/toTjDialog?taskId='+taskId+"&isCount=false&tjCount="+ tjryCount+"&yhCate=00&projectName=刑专智慧侦查脑图",
title:'推荐',
width:1000,
height:400,
height:408,
cache:false,
onClose:function(){
$(document).unbind("scroll");
......
src/main/resources/static/js/tjDialog.js
......@@ -3,6 +3,7 @@
//esbfydatathread('','','','');
});*/
function esbfydatathread(page,limit) {
$(".loading").show();
$.ajax({
url: "toTjry",
type: 'post',
......@@ -11,6 +12,7 @@ function esbfydatathread(page,limit) {
//timeout: 0, //超时时间设置，单位毫秒
data: {taskId:taskId,isCount:isCount,page:page,limit:limit,yhCate:00,projectName:00},
success: function (esbdatas) {
$(".loading").hide();
if(esbdatas.data.length>0){
//1、所有esb资源遍历
//数据加载...
......@@ -20,7 +22,11 @@ function esbfydatathread(page,limit) {
var tjly="";
debugger;
$(".result-box:last").clone().appendTo(".dialog-content");
$(".ryzp:last").attr("src", "data:image/gif;base64," + data.ryzp);
if(data.ryzp == null){
$(".ryzp:last").attr("src", "/images/no_data.jpg");
}else{
$(".ryzp:last").attr("src", "data:image/gif;base64," + data.ryzp);
}
$(".eclipse1:last").html(data.name);
$(".eclipse2:last").html(data.zjhm);
if(data.sfGwry=="1"){
......
src/main/webapp/WEB-INF/jsp/qypz/tjDialog.jsp
......@@ -14,15 +14,17 @@
<body>
<div class="dialog-content">
<div class="result-box" style="display: none">
<div class="photo"><img class="ryzp" src=""/></div>
<%--no_data.jpg,car.png,telephone.png--%>
<div class="photo"><img class="ryzp" src="/images/car.png"/></div>
<div class="right-box">
<p><span><span class="border"></span>姓名：</span><span class="eclipse1" title="">111111111111111111</span></p>
<p><span><span class="border"></span>身份证号：</span><span class="eclipse2" title="">111111111111111111</span></p>
<p><span><span class="border"></span>推荐原由：</span><span class="eclipse3" title="">111111111111111111</span></p>
<p><span class="fl border"></span><span class="fl">姓名：</span><span class="fl eclipse1" title="">111111111111111111</span></p>
<p><span class="fl border"></span><span class="fl">身份证号：</span><span class="fl eclipse eclipse2" title="">111111111111111111</span></p>
<p><span class="fl border"></span><span class="fl">推荐原由：</span><span class="fl eclipse eclipse3" title="">111111111111111111</span></p>
</div>
</div>
</div>
<div class="M-box3">444</div>
<div class="loading" style="display: none;"><p><img src="/common/layer/skin/default/loading-0.gif"/><span class="inline-block">正在加载....</span></p></div>
</body>
</html>
<script type="application/javascript">
......
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