home-content.jsp 16.9 KB
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" style="height:100%">
<head>
<%@ page isELIgnored="false"%>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首页内容部分</title>
<link href="../../libs/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<link href="../../css/home-content/home-content.css" rel="stylesheet" />
<link href="../../common/css/common.css" rel="stylesheet" />
<script type="text/javascript">
parent.window.$.showLoading();
</script>
<script src="../../libs/jquery/jquery.min.js"></script>
<script src="../../libs/layer/layer.js"></script>
<script src="../../libs/vue/vue.js"></script>
<!-- 获取日期、农历 -->
<script src="../../common/js/calendar.js"></script>
<!--点击水纹效果 -->

<script type="text/javascript" src="../../libs/bootstrap/js/materialize-waves-effect.js"></script>
<link href="../../libs/bootstrap/css/materialize-waves-effect.css" rel="stylesheet" />
<link href="../../css/home-content/news.css" rel="stylesheet" />
<link href="../../css/home-content/export.css" rel="stylesheet" />
<script src="../../common/js/global/global.localStorage.js"></script>
<script src="../../js/common.js"></script>
<script type="text/javascript" src="../../js/home-content/readconfig.js"></script>
<!--附件js -->
<script type="text/javascript" src="../../libs/md5.js"></script>
<script type="text/javascript" src="../../js/home-content/jquery-form.js"></script>

<script type="text/javascript" charset="utf-8" src="../../common/js/global/global.modelctls.js"></script>
<script type="text/javascript" src="../../common/js/config.js"></script>
<script type="text/javascript" src="../../common/js/dateformat.js"></script>

<!-- amcharts -->
<script type="text/javascript" src="../../libs/amcharts/amcharts.js"></script>
<!-- <script type="text/javascript" src="../../libs/amcharts/pie.js"></script> -->
<script type="text/javascript" src="../../libs/amcharts/serial.js"></script>
<script type="text/javascript" src="../../libs/amcharts/light.js"></script>
<script type="text/javascript" src="../../libs/amcharts/export.min.js"></script>
<!-- <script type="text/javascript" src="../../js/home-content/attachmentoperation.js"></script> -->
<script type="text/javascript" src="../../js/home-content/usercontrol/attachment.js"></script>
<script type="text/javascript" src="../../libs/jquery/jquery.cookie.js"></script>
<script type="text/javascript" src="../../js/home-content/processBar/processBar.js"></script>

<!-- 权限配置js -->
<script type="text/javascript" src="../../common/js/resourceAuthory.js"></script>
<script type="text/javascript" src="../../js/home-content/home-content.js"></script>
<script type="text/javascript" src="../../js/home-content/home-contentload.js"></script>



</head>
<body style="height: 100%;width: 100%;overflow: hidden;" >

		<!-- 公文 -->
			<div class="div-contentitem col-xs-9 col-padding" id="divDocument"
				style=" height: 49.84%;width: 49.84%;">
				<div class="div-contentitembg "
					style="height: 100%; background-color: white;width:100%;">
					<!--width: 1248px;-->
					<div>
						<div class=" div-content-titlebg" id="divTabDocument">
						
							<div class="div-index-more" id="btn-notice-more" v-on:click='morebtn'   onclick="btnMoreList_click(this)" style="right:24px;">更多+</div> 
							<div  class="legend" style="background-color: #ffc580;"></div>
							<span class="title-Words"  onclick="btnMoreList_click(this)" >待办公文</span>
								<!-- <img src="assets/images/index/tab-arrow.png"/> -->
							<div  class="titleWords"   ><span onclick="btnMoreList_click(this)">Document</span></div>
						</div>
						<div style="width:96.3%;overflow:hidden;" id="divTabDocumentContent">
							<!-- 待办公文 -->
							<div id="divEndorsementDocuemt"  >
								<table class="table" style="margin-left: 25px;table-layout:fixed "><!--  hyh 添加行内样式-->
									<tbody>
									</tbody>
								</table>
							</div>
						
					
						</div>
					</div>
				</div>
			</div>
			
			
					<!-- 通知公告 -->
			<!-- 新闻公告 -->
			<div class="div-contentitem col-xs-6 col-padding" id="divNotice"  style="width: 49.54%;height: 49.84%">
				<div id="homepage_notice" class="div-contentitembg " style="margin-left: 10px; width: 98.7%;height: 100%;overflow: hidden;"><!--  hyh 添加行内样式-->
				<div >
						<div class="div-content-titlebg" style="margin-bottom: 7px;">
							<!-- <img alt="" src="../../image/home-content/tzgg.gif"> -->
							<div  class="legend" style="background-color: #20c16f;"></div><!--  hyh 添加行内样式-->
							<span class="title-Words" onclick="btnMoreList_click(this)">新闻公告</span>
							<div class="div-index-more" id="btn-notice-more"  onclick="btnMoreList_click(this)" style="right:37px;">更多+</div> 
						    <div class="titleWords"  ><span  onclick="btnMoreList_click(this)">News</span></div>
						</div>
						
				</div>
				<div class='div-content-list' v-for="data in objdata" v-cloak style="padding:0px;height: 40px;"><!--hyh 新增  行内样式,让其与待办公文的线对齐  2017、9、28  -->
					<input id='gid' type='hidden' readonly='true' :value='data.gid' /> 
					<div class='div-noticecontenttitle' :title="data.title">
						<div style='width:80%;overflow: hidden;text-overflow: ellipsis;float:left;margin-top:4px'>
							<label class='a-content' style='margin-right:2px;'><span style='color:#2aa4fe;font-size:14px'>[{{data.type}}]</span>
								<span class='a-content' :style='data.fjimg'><img src="../../image/home-content/fj.png" style='height:15px;width:15px;margin-top:5px'></span>
								<span class='a-content' v-text='data.title' style="font-size: 14px;"></span><!--hyh 新增  行内样式,让文字大小与待办公文的一致  2017、9、28  -->
								<span class='a-content' v-if='data.imgStr'><img src="../../image/index/new.png" style='height:28px;'></span><!-- 是今天新建的,显示new图标 -->
							</label>
						</div>
						<div class='a-content' v-text='data.time' style="font-size: 14px;margin-top: 10px;float:right;width:17%;overflow: hidden;text-overflow: ellipsis;"></div>
					</div>
					<div :id='data.auxiliariesNumber'>
						<!-- <div class='div-documentlist-other col-xs-3'>
							<img src='../../image/index/icon-noticetype-other.png'/>
							<span v-text='data.type'></span>
						</div>
						<div class='div-documentlist-other col-xs-5'>
							<img src='../../image/index/icon-time.png' />
							<span v-text='data.time'></span>
						</div>
						<div class='div-documentlist-other col-xs-3' >
							<img src='../../image/index/icon-attachment.png' />附件(0)
						</div> -->
					</div>
					<div style='clear:both;'></div>
				</div>	
<%-- 					<input id="curserver" type="hidden" value="<%=GlobalContextHolder.getProperty("curserver", "")%>" /> --%>
<!-- 					<input id="fileadress" type="hidden" -->
<%-- 						value="<%=GlobalContextHolder.getProperty("fileadress", "")%>" /> --%>
<!-- 					<input id="fileservice" type="hidden" -->
<%-- 						value="<%=GlobalContextHolder.getProperty("fileservice", "")%>" /> --%>
<!-- 					<input id="docviewservice" type="hidden" -->
<%-- 						value="<%=GlobalContextHolder.getProperty("docviewservice", "")%>" /> --%>
				</div>
			</div>
			
			
			
			
				<!-- 待办审批 -->
	<div class="div-contentitem col-xs-9 col-padding" id="divDocument"
				style="margin-top: 10px;width: 67.64%; height: 49.84%;"><!--  hyh 添加行内样式-->
				<div class="div-contentitembg "
					style="height: 100%; background-color: white;width: 100%;overflow: hidden;"><!--  hyh 添加行内样式-->
					<!--width: 1248px;-->
					<div id="divTabApproval">
						<div class=" div-content-titlebg" id="divTabDocument">
							 
							<!-- <div class="div-index-tab" id="tabUpcomingApproval"> -->
							<div class="div-index-more" id="btn-notice-more" v-on:click='morebtn'  onclick="btnMoreList_click(this)" style="right:5px;">更多+</div>
								<div  class="legend" style="background-color: #33CCCC;"></div><!--  hyh 添加行内样式-->
								<span class="title-Words"  onclick="btnMoreList_click(this)" >审批任务</span>
								<div class="titleWords"   ><span onclick="btnMoreList_click(this)">Task</span ></div>
							<!-- </div> -->
						</div>
				<!-- 		<div class=" div-content-titlebg" id="divTabDocument">
							<div class="div-index-more" id="btn-notice-more" v-on:click='morebtn'>更多+</div> 
						<div >
							<div  class="legend" style="background-color: #ffc580;"></div>
							<span class="title-Words">待办公文</span>
								<img src="assets/images/index/tab-arrow.png"/>
							</div>	
							<div  class="titleWords">Document</div>
						</div> -->
						
						<div style="clear: both;" id="divTabDocumentContent">
						
							<!-- 待办审批 -->
							<div id="divUpcomingApproval" >
								<table class="table" v-cloak style="table-layout:fixed;">
									<thead style="background-color: #FFFFFF; " class="honttitle">
										<tr >
											<td width="10%">项目名称</td>
											<td width="5%">建设单位</td>
											<td width="5%">业务类型</td>
											<td width="5%">登记时间</td>
											<td width="5%">办结期限</td>
										</tr>
									</thead>
									<tbody>
										<tr  v-for='data in tabledata' 
											v-on:click="openUpcomingApprovalDetails(this,data.taskid,data.projectname,data.projectid,data.flowItemType)">
											<td style='display:none;'>{{data.taskid}}</td>
											<td :title="data.projectname">
											<div v-if='data.trStyle=="show"' id="redDot" style='display:block;'></div>
											<div v-if='data.trStyle==""' id="redDot" style='display:none;'></div>
											{{data.projectname}}
											</td>
											<td v-text='data.buildunit' :title="data.buildunit"></td>
											<td v-text='data.flowname' :title="data.flowname"></td>
											<td v-text='data.createtime' :title="data.createtime"></td>
											<td v-text='data.officialdate' :title="data.officialdate"></td>
										</tr>
									</tbody>
								</table>
							</div>
					
						
						</div>
					</div>
				</div>
			</div>

		<!-- 天气日历 -->
			<!--<div class="div-contentitem col-xs-3 col-padding" style="margin-left: 10px;margin-top: 10px;width: 31.13%;height: 25%">
			<!--  hyh 添加行内样式-->
					<!--<div class="div-contentitembg " style="height: 100%;width: 100%">
				 <div class="div-weatherbg">
								<div class="div-calendar">
									<img src="assets/images/index/icon-calendar.png" /> <span
										class="glyphicon glyphicon-calendar" style="font-size: 14px;"></span>
									<span class="span-solarcalendar" id="spanSolarCalendar">2016年3月14日
									</span> <span class="span-lunarcalendar" id="spanLunarCalendar">二月初六</span>
								</div>
								<div class="div-dayofweek row">
									<div class="col-xs-2">
										<div class="div-dayofweek-arrow  waves-effect"
											id="btnDayBefore" title="前一天" style="float: left;">
											<img src="assets/images/index/icon-arrow-left.png" />
										</div>
									</div>
									<div class="col-xs-8" id="spanWeek">星期二</div>
									<div class="col-xs-2">
										<div class="div-dayofweek-arrow  waves-effect" id="btnNextDay"
											title="下一天" style="float: right;">
											<img src="assets/images/index/icon-arrow-right.png" />
										</div>
									</div>
								</div>
								<div class="div-weather" id="spanWeather">正在获取天气数据...</div>
							</div> -->
					<!-- 菜单 -->
				<!-- 	<div style="width: 100%">
						<div class="div-content-titlebg" style="margin-bottom: 7px;">
							<img alt="" src="../../image/home-content/jrcd.gif">
							<div  class="legend" style="background-color: #EA96cf;"></div>
							<span id="tadymeaum" class="title-Words">今日菜单</span>
							 <div class="div-index-more" id="btn-notice-more"><img id="btnDayBefore" alt="" src="../../image/home-content/back.png"><img id="btnNextDay" style="margin-left: 10px" alt="" src="../../image/home-content/next.png"></div> 
						<div  >Menu</div>
						<button id="weekmenu" class="btn btn-info btn-xs" style="float:right;margin-right:20px;">一周菜单</button>
						<label id="refreshMenu" style="float:right;margin-right:20px;"><a href="javascript:void(0)" onclick="GetMealMenuList()">刷新</a></label>
						</div>
						<div class="div-meal" id="divMealBreakfast">
							<div class="div-circle"></div>
							<span class="div-mealtitle">当日早餐</span>
							<span class="div-mealcontent" id="spanBreakfast">
							</span>
						</div>
						<div class="div-meal" id="divMealLunch">
							<div class="div-circle"></div>
							<span class="div-mealtitle">当日午餐</span> 
							<span class="div-mealcontent" id="spanLunch">

							</span>
						</div>
						</div> 
						<div class="div-meal" id="divMealNotUpdate"
									style="display: none;text-align:center;width: 95%;">
									<img src="../../image/home-content/mealnotupdate.png" style="width:35%"/>
						</div> 
					</div>
				</div>-->
	
			<!-- 任务提醒 -->
			<!-- 任务统计 -->
			<div class="div-contentitem col-xs-3 col-padding" style="margin-left: 10px;margin-top: 10px;height:49.84%;width: 31.13%">
				<div class="div-contentitembg" style="width:100%;height:100%"><!--  hyh 添加行内样式-->
					<div>
						<div class="div-content-titlebg">
							<!-- <img alt="" src="../../image/home-content/rwtx.gif"> -->
							<div  class=" legend-circle" style="background-color: #FF0000;"></div><!--  hyh 添加行内样式-->
							<span class="title-Words">任务统计</span>
						</div>
					<div id="remindContent" style="text-align: center;">
					
							<div class="row" id="remindLegendStyle" style="overflow: hidden;float: left;margin-left: 15px;margin-top: 100px;min-width: 108px;"><!-- hyh 修改   在我电脑上该样式不能正常显示,但是以1920分辨率为准  2017、9、22    -->
							
								<div class="div-remind-legend col-xs-4  waves-effect">
									<div class="legend" style="background-color: #ffc580;"></div><!--  hyh 添加行内样式-->
									<span class="div-remind-type">通知</span>
									<span class="div-remind-count" id="spanRemindCount"></span>
								</div>
								<div class="div-remind-legend col-xs-4  waves-effect">
									<div class="legend" style="background-color: #20C16F;"></div><!--  hyh 添加行内样式-->
									<span class="div-remind-type">待审批</span>
									<span class="div-remind-count" id="spanRemindProject"></span>
								</div>
								<div class="div-remind-legend col-xs-4  waves-effect">
									<div class="legend" style="background-color: #FFBE10;"></div><!--  hyh 添加行内样式-->
									<span class="div-remind-type">公文</span>
									<span class="div-remind-count" id="spanRemindDocumentCount"></span>
								</div>
								
							</div>
							<div id="divRemindChart" style="folat:right;width: 60%;top:100px;right:50px;"></div>
						</div>
					</div>
				</div>
			</div>
	</div>

		
			
	
			<!-- 局内新闻 width: 320px;-->
			<!-- <div class="div-contentitem col-xs-3 col-padding" id="div-news"
				style="margin-left: 14px;margin-top: 14px; width: 810px;height: 430px;"> --><!--  hyh 右侧div出现滚动原因是有这个局内新闻div存在,所以注释掉   2017、9、8-->
			<!-- 	<div class="div-contentitembg " style="height: 430px;">
					<div style="margin-left: 10px; margin-right: 10px">
						<div class="div-content-titlebg">
							<img alt="" src="../../image/home-content/jnxw.gif">
							<span>局内新闻</span>
							<div class="div-index-more" id="btn-news-more">更多</div>
						</div>
						<div id="newList">
							<div id="divNewsList" v-for="data in divdata">
								<div class="waves-effect div-newlist-item" v-on:click='showNewDetails'>
									<input type="hidden" :value='data.rid'/>
									<div class="div-newlist-newpicbg">
										 <img class="div-newlist-defaultpic" :src='data.picurl' />
									</div>
									<div class="div-newlist-title" v-text='data.title'></div>	
									<div class="div-newlist-browse">
										<div class="div-browse">
											<img src="../../image/home-content/news/icon-newsbrowse.png" />	
											<span>浏览({{data.visitcount}})</span>
										</div>
										<div class="div-time" ><span v-text='data.pubdate'></span></div>
									</div>
									<div style="clear:both;"></div>
								</div>
							</div>
						</div>
						<div id="errList" style="margin-top: 100px; display: none;">
							<div style="text-align: center;">
								<span style="color: red;">提示:网路错误请重新刷新加载</span>
							</div>
							<div style="margin-top: 20px; text-align: center;">
								<a href="javascript:void(0)" style="font-size: 16px;"
									onclick="refreshNews()">刷新</a>
							</div>
						</div>
					</div>
				</div> -->
			</div>
		</div>
	</div>
	<%-- <jsp:include page="../../common/jsp/footer.jsp"></jsp:include> --%>
	<!-- <script src="../../js/home-content/attachmentoperation.js"></script> -->
	<script src="../../common/js/new_attachmentoperation.js"></script>
</body>
</html>