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
...@@ -2,4 +2,5 @@ ...@@ -2,4 +2,5 @@
<div class="index_footer"> <div class="index_footer">
<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>
\ No newline at end of file <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 %>={
uniqueKey:'<%=uniqueKey %>',
init:function(){
var myChart = echarts.init($('#'+this.uniqueKey).find('div').eq(1)[0]);
$.get(ctx+'/echarts.json').done(function (data) {
//处理后台接受的数据
var data = JSON.parse(data);
for(var i = 0 ;i <data.data.length;i++){
data.data[i].label={
"normal": {
"show": "true",
"position": "top"
}
}
if(data.data[i].type=='line'){
data.data[i].yAxisIndex=1;
}
}
myChart.setOption({
tooltip: {
trigger: 'axis',
axisPointer : { // 坐标轴指示器,坐标轴触发有效
type : 'line' // 默认为直线,可选为:'line' | 'shadow'
}
},
legend:{
data:(function(){
var arr1=[];
for(var i = 0 ; i<data.data.length; i++){
arr1.push(data.data[i].name);
}
return arr1;
})(),
left : 'center',
y : '34px'
},
grid: {
left: '0',
right: '0%',
//right: '12%',
bottom: '12%',
top:'100px',
containLabel: true
},
color : ['#C23630','#6AAEEE','#FEAA0B','black'], //调色盘颜色列表。如果系列没有设置颜色,则会依次循环从该列表中取颜色作为系列颜色。
toolbox: {
showDelay : 0, // 显示延迟,添加显示延迟可以避免频繁切换,单位ms
borderColor: '#ccc', // 工具箱边框颜色
borderWidth: 1, // 工具箱边框线宽,单位px,默认为0(无边框)
padding: [5,20], // 工具箱内边距,单位px,默认各方向内边距为5,
show : true,
itemGap:15,
feature : {
mark : {show: true},
//magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
magicType : {show: true, type: ['line', 'bar']},
restore : {show: true},
saveAsImage : {show: true}
/*myTool1: {
show: true,
title: '自定义扩展方法1',
icon: 'path://M432.45,595.444c0,2.177-4.661,6.82-11.305,6.82c-6.475,0-11.306-4.567-11.306-6.82s4.852-6.812,11.306-6.812C427.841,588.632,432.452,593.191,432.45,595.444L432.45,595.444z M421.155,589.876c-3.009,0-5.448,2.495-5.448,5.572s2.439,5.572,5.448,5.572c3.01,0,5.449-2.495,5.449-5.572C426.604,592.371,424.165,589.876,421.155,589.876L421.155,589.876z M421.146,591.891c-1.916,0-3.47,1.589-3.47,3.549c0,1.959,1.554,3.548,3.47,3.548s3.469-1.589,3.469-3.548C424.614,593.479,423.062,591.891,421.146,591.891L421.146,591.891zM421.146,591.891',
onclick: function (){
alert('myToolHandler1')
}
}*/
},
right:'10px',
top:'30px'
},
xAxis: {
type: 'category',
boundaryGap: true,
data: ['周一','周二','周三','周四','周五','周六','周日']
},
dataZoom: [{
type: 'inside',
start: 0,
end: 50,
zoomLock:true //如果设置为 true 则锁定选择区域的大小,也就是说,只能平移,不能缩放。
}, {
type: 'slider',
backgroundColor:'rgba(47,69,84,0)', //组件的背景颜色
fillerColor:"rgba(167,183,204,0.4)", //选中范围的填充颜色。
borderColor:"#ddd", //边框颜色。
height:25
}],
yAxis: [{
type: 'value',
name: '数量',
min: 0,
max:100,
interval:20,
axisLabel: {
formatter: '{value}件'
}
},{
type: 'value',
name: '总数 ',
min: 0,
max: 150,
interval:30,
axisLabel: {
formatter: '{value} 件'
}
}],
series:(function(){
var arr=[];
for(var i = 0 ; i< data.data.length ; i++){
arr.push(data.data[i]);
}
return arr;
})()
})
})
},
onClose:function(){},
onChangeBig:function(){
},
onchangeSmall:function(){
},
onExpend:function(){},
onUnExpend:function(){}
};
$(function(){ $(function(){
var handle=<%=uniqueKey %>; init_index_echarts();
handle.init();
}) })
//初始化echarts
function init_index_echarts(){
var myChart = echarts.init(document.getElementById('index_content_echartsContainer'));
$.get(ctx+'/echarts.json').done(function (data) {
//处理后台接受的数据
var data = JSON.parse(data);
for(var i = 0 ;i <data.data.length;i++){
data.data[i].label={
"normal": {
"show": "true",
"position": "top"
}
}
if(data.data[i].type=='line'){
data.data[i].yAxisIndex=1;
}
}
myChart.setOption({
tooltip: {
trigger: 'axis',
axisPointer : { // 坐标轴指示器,坐标轴触发有效
type : 'line' // 默认为直线,可选为:'line' | 'shadow'
}
},
legend:{
data:(function(){
var arr1=[];
for(var i = 0 ; i<data.data.length; i++){
arr1.push(data.data[i].name);
}
return arr1;
})(),
left : 'center',
y : '34px'
},
grid: {
left: '0',
right: '0%',
//right: '12%',
bottom: '12%',
top:'100px',
containLabel: true
},
color : ['#C23630','#6AAEEE','#FEAA0B','black'], //调色盘颜色列表。如果系列没有设置颜色,则会依次循环从该列表中取颜色作为系列颜色。
toolbox: {
showDelay : 0, // 显示延迟,添加显示延迟可以避免频繁切换,单位ms
borderColor: '#ccc', // 工具箱边框颜色
borderWidth: 1, // 工具箱边框线宽,单位px,默认为0(无边框)
padding: [5,20], // 工具箱内边距,单位px,默认各方向内边距为5,
show : true,
itemGap:15,
feature : {
mark : {show: true},
//magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
magicType : {show: true, type: ['line', 'bar']},
restore : {show: true},
saveAsImage : {show: true}
/*myTool1: {
show: true,
title: '自定义扩展方法1',
icon: 'path://M432.45,595.444c0,2.177-4.661,6.82-11.305,6.82c-6.475,0-11.306-4.567-11.306-6.82s4.852-6.812,11.306-6.812C427.841,588.632,432.452,593.191,432.45,595.444L432.45,595.444z M421.155,589.876c-3.009,0-5.448,2.495-5.448,5.572s2.439,5.572,5.448,5.572c3.01,0,5.449-2.495,5.449-5.572C426.604,592.371,424.165,589.876,421.155,589.876L421.155,589.876z M421.146,591.891c-1.916,0-3.47,1.589-3.47,3.549c0,1.959,1.554,3.548,3.47,3.548s3.469-1.589,3.469-3.548C424.614,593.479,423.062,591.891,421.146,591.891L421.146,591.891zM421.146,591.891',
onclick: function (){
alert('myToolHandler1')
}
}*/
},
right:'10px',
top:'30px'
},
xAxis: {
type: 'category',
boundaryGap: true,
data: ['周一','周二','周三','周四','周五','周六','周日']
},
dataZoom: [{
type: 'inside',
start: 0,
end: 50,
zoomLock:true //如果设置为 true 则锁定选择区域的大小,也就是说,只能平移,不能缩放。
}, {
type: 'slider',
backgroundColor:'rgba(47,69,84,0)', //组件的背景颜色
fillerColor:"rgba(167,183,204,0.4)", //选中范围的填充颜色。
borderColor:"#ddd", //边框颜色。
height:25
}],
yAxis: [{
type: 'value',
name: '数量',
min: 0,
max:100,
interval:20,
axisLabel: {
formatter: '{value}件'
}
},{
type: 'value',
name: '总数 ',
min: 0,
max: 150,
interval:30,
axisLabel: {
formatter: '{value} 件'
}
}],
series:(function(){
var arr=[];
for(var i = 0 ; i< data.data.length ; i++){
arr.push(data.data[i]);
}
return arr;
})()
})
})
}
</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