Skip to content

B
bigdatainterservice
Commit 419e812d by caojingji
Options

修改样式

parent cbe1cecb
Showing with 71 additions and 14 deletions
src/main/resources/static/css/sksjzcCommon.css
......@@ -74,9 +74,10 @@
.tj{position: absolute;right:-11px;top:-12px;display: inline-block;width:100px;height:100px;background:url(../images/tj.png) no-repeat;background-size: cover;}
/*新的左侧导航，右侧列表*/
.result-wrap2 .left-search,.result-wrap2 .right-list{float: left;}
.result-wrap2 .left-search{width:25%;max-height:500px;overflow-y: auto;}
.result-wrap2 .right-list{width:75%;}
.result-wrap2 .newNavbody{margin:0;}
.result-wrap2 .left-search{width:25%;height:697px;overflow-y: auto; background: #cef;position: relative;}
.result-wrap2 .right-list{width:73%;}
.icon-left{float: left;width:2%;position: relative;height:697px;}
.result-wrap2 .newNavbody{margin:0;background: none;border:none;}
.result-wrap2 .newNavInfo .newNavA,.result-wrap2 .newNavMoreInfo .newNavA{
border-right: 2px solid #56AADC;
padding: 0 7px;
......@@ -86,7 +87,7 @@
}
.result-wrap2 .newNavInfo .newNavA:last-child,.result-wrap2 .newNavMoreInfo .newNavA:last-child{border-right:none;}
.result-wrap2 .navCategory{background:none;}
.result-wrap2 .current-icon{margin-left:0;}
.result-wrap2 .current-icon{margin-left:0; position: relative;top: 1px;}
.result-wrap2 .datagrid-header-inner{width: inherit;}
.result-wrap2 .datagrid-htable,.result-wrap2 .datagrid-btable,.result-wrap2 .datagrid-ftable{width: 100%;}
.result-wrap2 .search-input{
......@@ -116,4 +117,42 @@
top: -12px;
border-radius: 0 5px 5px 0;
}
.result-wrap2 .search-icon:hover{background: #5a8be5;}
\ No newline at end of file
.result-wrap2 .search-icon:hover{background: #5a8be5;}
.result-wrap2 .newNavbody{background: none;}
.result-wrap2 .newNavMoreInfo{overflow: hidden;min-height:32px;}
.result-wrap2 .newNavInfo .newNavA,.result-wrap2 .newNavMoreInfo .newNavA{
border-right:none;
margin:5px;
min-width: 75px;
text-align: center;
display: inline-block;
padding: 1px 7px;
height: 22px;
line-height: 22px;
border-radius: 11px;
background: rgba(27, 27, 27, 0.1);
}
.result-wrap2 .newNavInfo{height:32px;min-height:32px;}
.result-wrap2 .newNavTools{color: #0063DC;}
.result-wrap2 .newMore{background: none;color: #5d92f3;}
.result-wrap2 .zdyfa{
margin-right: 5px;
font-size: 16px;
position: relative;
top: 1px;
}
.show-right,.show-left{
position: absolute;
left: -1px;
top: 50%;
width: 12px;
height: 138px;
margin-top: -69px;
cursor: pointer;
background: url("/images/show_arrow1.png");
}
.show-right:hover{
background: url("/images/show_arrow2.png");
}
.show-left{background: url("/images/show_arrow3.png");}
.show-left:hover{background: url("/images/show_arrow4.png");}
src/main/resources/static/js/qypzjgxsNew.js
......@@ -190,11 +190,11 @@ function doQueryFL(){
"<div class='newNavbody' id='newNavbody" + index2 + "'>" +
"<div class='newLayoutDiv pull-clear'>" +
"<a onclick=\"goBack()\" href='javascript:void(0)' class='newNavA pull-left'>" + flStr + "导航</a>" +
"<a onclick=\"goBack()\" href='javascript:void(0)' class='newNavA pull-left'><i class='fa fa-th-large zdyfa'></i>" + flStr + "导航</a>" +
"<span class='current-icon'onclick=\"goBackMd(this,'m')\"><<<span class='current-text'></span></span></a>" +
"<span class='current-icon'onclick=\"goBackMd(this,'d')\"><<<span class='current-text'></span></span></a>" +
"<span class='current-icon'><<<span class='current-text'></span></span></a>" +
"<a onclick=\"goSlide(this)\" href='javascript:void(0)' class='newNavA newNavBtn newMore newNavTools pull-right'>更多</a>" +
"<a onclick=\"goSlide(this)\" href='javascript:void(0)' class='newNavA newNavBtn newMore newNavTools pull-right'>更多+</a>" +
/* "<a href='javascript:void(0)' onclick='' class='newNavA newNavBtn newMultival_1 newNavTools pull-right' title='图表筛选'> 图表</a>" +*/
"<div class='fillColorCheckBox pull-right'>" +
"</div>" +
......@@ -824,12 +824,12 @@ function goSlide(thisObj){
panelObj = newNavbody.find(".newNavInfo").length ? newNavbody.find(".newNavInfo") : newNavbody.find(".newNavMoreInfo"),
isShowed=panelObj.attr('isShowed') === 'true';
if(isShowed){
thisObj.innerHTML='更多';
thisObj.innerHTML='更多+';
panelObj.attr('isShowed','false');
panelObj.removeClass('newNavMoreInfo');
panelObj.addClass('newNavInfo');
}else{
thisObj.innerHTML='收起';
thisObj.innerHTML='收起-';
panelObj.attr('isShowed','true');
panelObj.addClass('newNavMoreInfo');
panelObj.removeClass('newNavInfo');
......@@ -882,7 +882,8 @@ $("#qyxx").click(function(){
/*推荐人员、车辆弹框*/
function showDialog(tjType) {
var dialogId='w';
var dialogId='w',
imgUrl="/images/logo.png";
//alert(JSON.stringify(tjry));
var count=0;
if(tjType==1){
......@@ -896,7 +897,7 @@ function showDialog(tjType) {
openUrlForm({
id:dialogId,
url:'/toTjDialog?taskId='+taskId+"&isCount=false&tjCount="+ count+"&tjType="+tjType+"&asjbh="+asjbh+"&sfzhUser="+sfzhUser+"&fsrjh="+fsrjh+"&djsjStr="+djsjStr+"&yhCate=00&projectName=刑专智慧侦查脑图",
title:'智能推荐',
title:'<span style="color: #06532f;font-weight: 600;">智能推荐</span><img src="'+imgUrl+'" style="height:25px;position:relative;top:-2px;"/>',
width:1100,
height:408,
cache:false,
......@@ -924,6 +925,22 @@ function showDialog(tjType) {
}
}
/*导航收缩事件*/
function toggleClass(obj){
if($(obj).attr("class")=="show-right"){
$(obj).removeClass("show-right").addClass("show-left");
$(".left-search").animate({width:"0px"},1000);
$(".right-list").animate({width:"98%"},1000);
}else{
$(obj).removeClass("show-left").addClass("show-right");
$(".left-search").animate({width:"25%"},1000);
$(".right-list").animate({width:"73%"},1000);
}
setTimeout(function(){
$("#qypzjgxsNewTable").datagrid("resize");
},1000)
}
src/main/webapp/WEB-INF/jsp/qypz/qypzjgxsNew.jsp
......@@ -299,7 +299,7 @@
</div>
<%--智能推荐--%>
<div id="zntj">
<legend>智能推荐<img src="/images/logo.png" style="height:25px;" /></legend>
<legend style="color: #06532f;font-weight: 600;">智能推荐<img src="/images/logo.png" style="height:25px;" /></legend>
<div class="zntj-wrap">
<div class="counter col_third" onclick="showDialog(1)">
<div class="ac"><i class="fa fa-address-book fa-2x fa-fw"></i>推荐人员</div>
......@@ -333,10 +333,12 @@
<div class="result-wrap2">
<div class="left-search">
<input type="text" class="search-input" placeholder="标识号、身份证号、手机号码"/><span class="search-icon"><i class="fa fa-search"></i></span>
<!--图表1-->
<div class="navCategory" style="display: none" id="fldh">
</div>
</div>
<div class="icon-left"><span id="sidebar-show-btn" onclick="toggleClass(this)" class="show-right" title="收缩"></span></div>
<div class="right-list">
<%--区块--%>
<div id="qkdiv" class="layoutDiv resultList" style="display: none;">
......
src/main/webapp/WEB-INF/jsp/qypz/tjDialog.jsp
......@@ -16,7 +16,7 @@
<script src="/common/layer/layer.js" type="text/javascript"></script>
</head>
<body>
<body style="background: url(/images/zntjsy.png) repeat;">
<div class="dialog-content">
<div class="result-box" style="display: none">
<%--no_data.jpg,car.png,telephone.png--%>
......
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