wenhongquan
/
GSYH


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336
							<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
<base href="<%=basePath%>">
<!-- 下拉框 -->
<link rel="stylesheet" href="static/ace/css/chosen.css" />
<!-- jsp文件头和头部 -->
<%@ include file="../../system/index/top.jsp"%>
<!-- 日期框 -->
<link rel="stylesheet" href="static/ace/css/datepicker.css" />
<style>
	.tb_add{
	    position: absolute;
	    z-index: 901;
	    width: 600px;
	    height: 263px;
 	    display: none;
	}
	.dialog_title {
	   	 padding: 5px 0 0 4px;
	    float: left;
	    font-weight: bold;
	    color: #fff;
	}	
	.icon_dialog {
	    background-image: url(./plugins/attention/drag/popup/icon_dialog.png) !important;
	    border: 0;
	    padding-top: 0px;
	    padding-left: 7px;
	    padding-right: 7px;
	    padding-bottom: 7px;
	    background-repeat: no-repeat;
	    background-color: transparent;
	    width: 14px;
	    height: 16px;
	}
	.dialog_ct {
	    background-image: url(./plugins/attention/drag/popup/dialog_ct.png) !important;
	    background: url(./plugins/attention/drag/popup/dialog_ct.gif) repeat-x top;
	    height: 25px;
	    vertical-align: top;
	}
	.dialog_closebtn {
        background-image: url(./plugins/attention/drag/popup/dialog_closebtn.gif);
	    margin: 6px 10px 0 0;
	    margin-top: 5px;
	    position: relative;
	    top: auto;
	    cursor: pointer;
	    float: right;
	    height: 17px;
	    width: 28px;
	}
</style>
</head>
<body class="no-skin">

	<!-- /section:basics/navbar.layout -->
	<div class="main-container" id="main-container">
		<!-- /section:basics/sidebar -->
		<div class="main-content">
			<div class="main-content-inner">
				<div class="page-content">
					<div class="row">
						<div class="col-xs-12">
							
						<!-- 检索  -->
						<form action="annualPlan/list.do" method="post" name="Form" id="Form">
						<div id="user_company" style='display:none;'>${userInfo.COMPANY}</div>
						<table style="margin-top:5px;">
							<tr>
								<td>
									<div class="nav-search">
										<span class="input-icon">
											<input type="text" placeholder="可查询名称和状态" class="nav-search-input" id="nav-search-input" autocomplete="off" name="keywords" value="${pd.keywords }" placeholder="这里输入关键词"/>
											<i class="ace-icon fa fa-search nav-search-icon"></i>
										</span>
									</div>
								</td>
								<%-- <c:if test="${QX.cha == 1 }"> --%>
								<td style="vertical-align:top;padding-left:2px"><a class="btn btn-light btn-xs" onclick="tosearch();"  title="检索"><i id="nav-search-icon" class="ace-icon fa fa-search bigger-110 nav-search-icon blue"></i></a></td>
								<%-- </c:if> --%>
								<%-- <c:if test="${QX.toExcel == 1 }"><td style="vertical-align:top;padding-left:2px;"><a class="btn btn-light btn-xs" onclick="toExcel();" title="导出到EXCEL"><i id="nav-search-icon" class="ace-icon fa fa-download bigger-110 nav-search-icon blue"></i></a></td></c:if> --%>
							</tr>
						</table>
						<!-- 检索  -->
					
						<table id="simple-table" class="table table-striped table-bordered table-hover" style="margin-top:5px;">	
							<thead>
								<tr>
									<!-- <th class="center" style="width:35px;">
										<label class="pos-rel"><input type="checkbox" class="ace" id="zcheckbox" /><span class="lbl"></span></label>
									</th> -->
									<th class="center" style="width:50px;">序号</th>
									<th class="center">名称</th>
									<th class="center">创建时间</th>
									<!-- <th class="center">修改时间</th> -->
									<th class="center">当前状态</th>
									<th class="center">操作</th>
								</tr>
							</thead>
													
							<tbody>
							<!-- 开始循环 -->	
							<c:choose>
								<c:when test="${not empty varList}">
									<c:forEach items="${varList}" var="var" varStatus="vs">
										<tr>
											<td class='center' style="width: 50px;">${vs.index+1}</td>
											<td class='center' style="font-weight: bold;valign="middle"><a href="javascript:showReportAndTable('${var.ID}','${var.COMPANY_NAME}','${var.COMPANY_ID}','${var.YEAR}','${roleName}','${var.STATUS}','${userInfo.ROAD}')">${var.NAME}</a></td>
											<td class='center'>${var.CTIME}</td>
											<%-- <td class='center'>${var.MTIME}</td> --%>
											<td class='center'>${var.STATUS}</td>
											<td class="center">
												<div>
													<c:if test="${(roleName == '系统管理组'|| roleName == '路桥公司管理员') && var.STATUS != '待审批' && var.STATUS != '审批通过'}">
														<img style="margin-left: 5%;margin-top: 2%;cursor:pointer;" src="static/images/delete.png" title="删除" onclick="delAnnualPlan('${var.ID}');">
													</c:if>						
												</div>
											</td>
										</tr>									
									</c:forEach>
								</c:when>
								<c:otherwise>
									<tr class="main_info">
										<td colspan="100" class="center" >没有相关数据</td>
									</tr>
								</c:otherwise>
							</c:choose>
							</tbody>
						</table>
						<div class="page-header position-relative">
						<table style="width:100%;">
							<tr>
								<td style="vertical-align:top;">
									<c:if test="${roleName == '系统管理组' || roleName == '路桥公司管理员'}">
										<a class="btn btn-mini btn-success" onclick="add();">新增</a>
									</c:if>
<%-- 									<c:if test="${QX.del == 1 }">
										<a title="删除" class="btn btn-mini btn-danger" onclick="makeAll('确定要删除选中的数据吗?');" >删除</a>
									</c:if> --%>
									<%-- <c:if test="${QX.del == 1 }">
										<a title="提交审批" class="btn btn-mini btn-info" onclick="makeAll('确定要提交审批选中的报告吗?');" >提交审批</a>
									</c:if> --%>
							    </td>
								<td style="vertical-align:top;"><div class="pagination" style="float: right;padding-top: 0px;margin-top: 0px;">${page.pageStr}</div></td>
							</tr>
						</table>
						</div>
						</form>
					
						</div>
						<!-- /.col -->
					</div>
					<!-- /.row -->
				</div>
				<!-- /.page-content -->
			</div>
		</div>
		<!-- /.main-content -->

		<!-- 返回顶部 -->
		<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
			<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
		</a>
		
		<!-- --新增页面的弹框------ -->
		<div class="tb_add" id="tb_add">
			<div class="dialog_ct">
				<div class="dialog_title"><input type="button" class="icon_dialog"><span id="_Title_0">新增</span></div>
				<div id="_ButtonClose_0" onclick="closeButton()" title="关闭" class="dialog_closebtn">
				</div>
			</div>
			<iframe width="100%" height="100%" frameborder="0" style="border:none 0;" id="_DialogFrame_0" src=""></iframe>
		</div>


	</div>
	<!-- /.main-container -->
	<!-- -遮盖层------ -->
	<div id="_DialogBGDiv" style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 900;display: none">
		<div style="position:relative;width:100%;height:100%;"><div id="_DialogBGMask" style="position: absolute; width: 100%; height: 100%; opacity: 0.4; background-color: rgb(51, 51, 51);">
		</div>
	</div></div>


	<!-- basic scripts -->
	<!-- 页面底部js¨ -->
	<%@ include file="../../system/index/foot.jsp"%>
	<!-- 删除时确认窗口 -->
	<script src="static/ace/js/bootbox.js"></script>
	<!-- ace scripts -->
	<script src="static/ace/js/ace/ace.js"></script>
	<!-- 下拉框 -->
	<script src="static/ace/js/chosen.jquery.js"></script>
	<!-- 日期框 -->
	<script src="static/ace/js/date-time/bootstrap-datepicker.js"></script>
	<!--提示框-->
	<script type="text/javascript" src="static/js/jquery.tips.js"></script>
	<script type="text/javascript" src="static/js/myjs/getTop.js"></script>
	<script type="text/javascript">
		$( getTop(globalThis).hangge());//关闭加载状态
		
		//删除年度计划
		function delAnnualPlan(planID){
			bootbox.confirm("确定要删除吗?", function(result) {
				if(result) {
					getTop(globalThis).jzts();
					var url = "<%=basePath%>annualPlan/delAnnualPlan.do?ANNUALPLAN_ID="+planID;
					$.get(url,function(data){
						if("success" == data.result){
							window.location.href="<%=basePath%>annualPlan/list.do?";
						}else if("false" == data.result){
							 getTop(globalThis).hangge();
							bootbox.dialog({
								message: "<span class='bigger-110'>删除失败</span>",
								buttons: 			
								{
									"button" :
									{
										"label" : "确定",
										"className" : "btn-sm btn-success"
									}
								}
							});
						}
					});
				}
			});
		}
		//检索
		function tosearch(){
			 getTop(globalThis).jzts();
			$("#Form").submit();
		}
		
		//获取报告中所有表格列表
 		function showReportAndTable(planID, COMPANY, COMPANY_ID, YEAR, rolename, STATUS, ROAD){
			 getTop(globalThis).jzts();
			 getTop(globalThis).mainFrame.tabAddHandler(0,"养护计划列表","annualPlan/showReportAndTable.do?ID=" + planID + "&YEAR="+YEAR+ "&COMPANY="+COMPANY+"&COMPANY_ID="+COMPANY_ID+"&ROLENAME="+rolename+"&STATUS="+STATUS+"&ROAD="+ROAD);
			}; 
		

		$(function() {
		
			//日期框
			$('.date-picker').datepicker({
				autoclose: true,
				todayHighlight: true
			});
			
			//下拉框
			if(!ace.vars['touch']) {
				$('.chosen-select').chosen({allow_single_deselect:true}); 
				$(window)
				.off('resize.chosen')
				.on('resize.chosen', function() {
					$('.chosen-select').each(function() {
						 var $this = $(this);
						 $this.next().css({'width': $this.parent().width()});
					});
				}).trigger('resize.chosen');
				$(document).on('settings.ace.chosen', function(e, event_name, event_val) {
					if(event_name != 'sidebar_collapsed') return;
					$('.chosen-select').each(function() {
						 var $this = $(this);
						 $this.next().css({'width': $this.parent().width()});
					});
				});
				$('#chosen-multiple-style .btn').on('click', function(e){
					var target = $(this).find('input[type=radio]');
					var which = parseInt(target.val());
					if(which == 2) $('#form-field-select-4').addClass('tag-input-style');
					 else $('#form-field-select-4').removeClass('tag-input-style');
				});
			}
			
			
			//复选框全选控制
			var active_class = 'active';
			$('#simple-table > thead > tr > th input[type=checkbox]').eq(0).on('click', function(){
				var th_checked = this.checked;//checkbox inside "TH" table header
				$(this).closest('table').find('tbody > tr').each(function(){
					var row = this;
					if(th_checked) $(row).addClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', true);
					else $(row).removeClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', false);
				});
			});
		});
		
		//新增弹出框--------zhangyn修改
		function add(){
			 getTop(globalThis).jzts();
			 openDiv('tb_add');
			 var company = $('#user_company').html();
			 $("#_DialogFrame_0").attr("src","<%=basePath%>annualPlan/goAdd.do?COMPANY="+company);
			 $(".tb_add").css("display","block");
			 $("#_DialogBGDiv").css("display","block");
		}
		
		function closeButton(){
			$(".tb_add").css("display","none");
			tosearch();
		}
		
		function openDiv(obj){
			var b = document.getElementById('main-container');
			var d = document.getElementById(obj);
			b.style.visibility='visible';
			d.style.visibility='visible';
			var wd=window.getTop(globalThis).document.documentElement.clientWidth-d.offsetWidth;
			var ht=window.getTop(globalThis).document.documentElement.clientHeight-d.offsetHeight;
			
			d.style.left=(wd/4)+'px';
			d.style.top=(ht/4)+'px';
			d.style.width=(wd/3)+'px';
			window.onresize=function(){openDiv(obj);};
		}
		//end
		
	</script>


</body>
</html>