Commit a394e449 by 罗绍泽

动态完成了portal模块

parent bbf66fff
$(function(){
//判断ie浏览器ie8以下执行
if(IEVersion()<='8'&&IEVersion()!='-1'){
$.fancybox.open('<div style="line-height:20px;">ie浏览器版本过低,请使用高版本浏览器</div>')
}
/*//index_center下的导航点击效果
$(".index_center>a").each(function(){
$this = $(this);
var hrefArray=location.href.split("?")[0];
// console.log(hrefArray)
// console.log($this[0].href)
if($this[0].href==hrefArray){
$this.addClass('layout_center_navClick');
}
});*/
//初始化导航数据
init_index_nav();
})
//初始化导航数据
function init_index_nav(){
var data = jwAppPortletModel.jwAppsPortletDataAction.listAllPortletColumns().rowSet;
var container = $('.index_center');
for(var i = 0;i<data.length;i++){
var text = $('<a></a>').text(data[i].NAME).data('uuid',data[i].UUID);
if(i==0){
text.attr('href','index.jsp');
text.addClass('layout_center_navClick');
}
else{
text.attr('href','index2.jsp');
}
container.append(text);
}
}
//判断ie浏览器
function IEVersion() {
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器
var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器
var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
if(isIE) {
var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
reIE.test(userAgent);
var fIEVersion = parseFloat(RegExp["$1"]);
if(fIEVersion == 7) {
return 7;
} else if(fIEVersion == 8) {
return 8;
} else if(fIEVersion == 9) {
return 9;
} else if(fIEVersion == 10) {
return 10;
} else {
return 6;//IE版本<=7
}
} else if(isEdge) {
return 'edge';//edge
} else if(isIE11) {
return 11; //IE11
}else{
return -1;//不是ie浏览器
}
}
\ No newline at end of file
...@@ -3,3 +3,4 @@ ...@@ -3,3 +3,4 @@
<div>当前版本 <span class="login_footer_span2">1.0</span>技术支持 由 浙江杰夫兄弟智慧科技有限公司技术部<span class="login_footer_span2"> 提供</span>Copyright &copy; 2018-2020 浙江杰夫兄弟智慧科技有限公司 版权所有</div> <div>当前版本 <span class="login_footer_span2">1.0</span>技术支持 由 浙江杰夫兄弟智慧科技有限公司技术部<span class="login_footer_span2"> 提供</span>Copyright &copy; 2018-2020 浙江杰夫兄弟智慧科技有限公司 版权所有</div>
<div>页面分辨率支持1024X768及以上 , 支持ie8以上、chrome、Firefox、360浏览器</div> <div>页面分辨率支持1024X768及以上 , 支持ie8以上、chrome、Firefox、360浏览器</div>
</div> </div>
<div style="height:50px;"></div>
\ No newline at end of file
...@@ -436,6 +436,21 @@ a{ ...@@ -436,6 +436,21 @@ a{
.index_container_two_right_text>div:hover>label{ .index_container_two_right_text>div:hover>label{
color:#1887f6; color:#1887f6;
} }
.index_container_news{
margin-bottom:18px;
}
.index_container_news>div{
margin: 18px 20px 0;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
}
.index_container_news>div:hover{
text-decoration: underline;
color:#1887f6;
}
.index_container_two_left_echarts_container{ .index_container_two_left_echarts_container{
position: relative; position: relative;
} }
...@@ -503,13 +518,40 @@ a{ ...@@ -503,13 +518,40 @@ a{
position:fixed; position:fixed;
bottom:0px; bottom:0px;
background:#ccc; background:#ccc;
cursor: pointer;
z-index:5; z-index:5;
display:block; height:50px;
height:64px; line-height:50px;
width:1200px; }
.index_insert_module>span{
display:inline-block;
float:right;
height:30px;
line-height:30px;
text-align: center;
color:white;
padding:0 10px;
border-radius:5px;
margin-right:20px;
cursor: pointer;
margin-top:10px;
}
.index_insert_module>span:first-child,.index_insert_module>span:first-child+span,.index_insert_module>span:first-child+span+span{
background:#1887f6;
}
.index_insert_module>span:first-child+span+span+span{
background:red;
display:none;
}
.index_insert_module>span:first-child+span+span+span+span{
background:#f90;
display:none;
}
.index_insert_module>span:not(.index_module_tip):hover{
opacity:0.7;
}
.index_module_tip{
cursor: text !important;
} }
/*****************************************/ /*****************************************/
.index_showModule_container{ .index_showModule_container{
overflow:hidden; overflow:hidden;
...@@ -658,7 +700,7 @@ a{ ...@@ -658,7 +700,7 @@ a{
margin-right:10px; margin-right:10px;
} }
.index_changeSmall_calendar{ .index_changeSmall_calendar{
padding-top: 19px; padding-top: 17px;
} }
/******************其他模块的放大*******/ /******************其他模块的放大*******/
.index_container_big{ .index_container_big{
...@@ -697,9 +739,34 @@ a{ ...@@ -697,9 +739,34 @@ a{
vertical-align: top; vertical-align: top;
margin: 0 0.5% 20px; margin: 0 0.5% 20px;
} }
/*******************************************************/
.index_module_select{
height:25px;
ontline:none;
width:120px;
}
.index_module_insertBtn{
font-size: 18px;
margin-top: 20px;
margin-left: 20px;
color: #1887f6;
font-weight: bold;
display: inline-block;
}
.index_module_infoTitle{
color:#1887f6;
font-weight: bold;
border-bottom: 1px solid #ccc;
padding-bottom: 13px;
font-size: 18px;
letter-spacing: 3px;
}
.index_module_infoContent{
letter-spacing: 3px;
text-indent: 20px;
line-height: 20px;
margin-top: 10px;
}
/********************超过1200px的屏幕时******************/ /********************超过1200px的屏幕时******************/
@media screen and (min-width:1200px){ @media screen and (min-width:1200px){
.index_container_application_text>div{ .index_container_application_text>div{
......
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
<!-- echarts的js --> <!-- echarts的js -->
<script src="${pageContext.request.contextPath}/lib/js/echarts.js"></script> <script src="${pageContext.request.contextPath}/lib/js/echarts.js"></script>
<!-- 通用的js --> <!-- 通用的js -->
<script src="${pageContext.request.contextPath}/custom/js/layout.js"></script> <script src="${pageContext.request.contextPath}/custom/js/layout4.js"></script>
<script src="${pageContext.request.contextPath}/custom/js/jquery.extend.js"></script> <script src="${pageContext.request.contextPath}/custom/js/jquery.extend.js"></script>
<!-- fullcalendar(日历)的js --> <!-- fullcalendar(日历)的js -->
<script src='${pageContext.request.contextPath}/lib/plug/fullcalendar/lib/moment.min.js'></script> <script src='${pageContext.request.contextPath}/lib/plug/fullcalendar/lib/moment.min.js'></script>
...@@ -62,6 +62,10 @@ ...@@ -62,6 +62,10 @@
<!-- easyui的js --> <!-- easyui的js -->
<script type="text/javascript" src="${pageContext.request.contextPath}/lib/plug/jquery-easyui-1.5.3/jquery.easyui.min.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath}/lib/plug/jquery-easyui-1.5.3/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/lib/plug/jquery-easyui-1.5.3/locale/easyui-lang-zh_CN.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath}/lib/plug/jquery-easyui-1.5.3/locale/easyui-lang-zh_CN.js"></script>
<!-- 调用api时的js -->
<script type="text/javascript" src="${pageContext.request.contextPath}/jwapp/common/js/lang_json.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/jwapp/pages/portlet/js/jwAppPortletModule.js" charset="utf-8"></script>
<script type="text/javascript"> <script type="text/javascript">
var ctx='${pageContext.request.contextPath}'; var ctx='${pageContext.request.contextPath}';
</script> </script>
\ No newline at end of file
...@@ -262,7 +262,7 @@ ...@@ -262,7 +262,7 @@
<!-- 添加模块的容器 --> <!-- 添加模块的容器 -->
<div class="index_insert_module"> <div class="index_insert_module">
<span>确定</span><span>取消</span> <span onclick="index_application(this)">应用管理</span><span onclick="index_module_insert(this)">新增资源</span><span onclick="index_module_custom(this)">自定义资源</span><span onclick="index_cancel_module(this)">取消</span><span onclick="index_update_module(this)">确定</span><span class="index_module_tip" style="display:none;">布局发生了修改,请及时保存...</span>
</div> </div>
</body> </body>
......
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<% <jsp:include page="../header.jsp"></jsp:include>
String uniqueKey = request.getParameter("uniqueKey").toString(); <div class="index_container_two_left_echarts_container">
%>
<div id="<%=uniqueKey %>" class="index_container_two_left_echarts_container">
<div><span>各部门每天办件率情况图表.</span><a href="javascript:void(0)">查看更多</a></div> <div><span>各部门每天办件率情况图表.</span><a href="javascript:void(0)">查看更多</a></div>
<div style="width:100%;height:314px;"></div> <div id="index_content_echartsContainer" style="width:100%;height:314px;"></div>
</div> </div>
<script> <script>
var <%=uniqueKey %>={ $(function(){
uniqueKey:'<%=uniqueKey %>', init_index_echarts();
init:function(){ })
var myChart = echarts.init($('#'+this.uniqueKey).find('div').eq(1)[0]);
//初始化echarts
function init_index_echarts(){
var myChart = echarts.init(document.getElementById('index_content_echartsContainer'));
$.get(ctx+'/echarts.json').done(function (data) { $.get(ctx+'/echarts.json').done(function (data) {
//处理后台接受的数据 //处理后台接受的数据
...@@ -124,21 +126,7 @@ var <%=uniqueKey %>={ ...@@ -124,21 +126,7 @@ var <%=uniqueKey %>={
})() })()
}) })
}) })
}, }
onClose:function(){},
onChangeBig:function(){
},
onchangeSmall:function(){
},
onExpend:function(){},
onUnExpend:function(){}
};
$(function(){
var handle=<%=uniqueKey %>;
handle.init();
})
</script> </script>
\ No newline at end of file
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<div class="index_container_two_right_text"> <jsp:include page="../header.jsp"></jsp:include>
<div class="index_container_news">
<div>中纪委“大虎”通报缘何出现重大变化</div> <div>中纪委“大虎”通报缘何出现重大变化</div>
<div>国家移民管理局挂牌仪式举行 郭声琨出席</div> <div>国家移民管理局挂牌仪式举行 郭声琨出席</div>
<div>国家移民管理局挂牌仪式举行 郭声琨出席</div> <div>国家移民管理局挂牌仪式举行 郭声琨出席</div>
......
...@@ -66,7 +66,7 @@ function init_index_fullCalendar() { ...@@ -66,7 +66,7 @@ function init_index_fullCalendar() {
}, },
/*editable : true,*/ /*editable : true,*/
/*eventLimit : true, // allow "more" link when too many events*/ /*eventLimit : true, // allow "more" link when too many events*/
events : ctx+'/date.json' /* events : ctx+'/date.json' */
}); });
} }
......
...@@ -29,9 +29,7 @@ ...@@ -29,9 +29,7 @@
<div class="indedx_header_logo"> <div class="indedx_header_logo">
<img src="${ctx}/custom/images/index4_logo.png" width="400" height="80" /> <img src="${ctx}/custom/images/index4_logo.png" width="400" height="80" />
</div> </div>
<div class="index_center"> <div class="index_center"></div>
<a href="index.jsp">首页</a><a href="#">信息中心</a><a href="#">办事大厅</a><a href="#">应用中心</a><a href="#">分析中心</a>
</div>
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