<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglib.jsp"%>
<html>
<head>
	<title>工程计量支付管理</title>
	<meta name="decorator" content="default"/>
	<script type="text/javascript">
        function openDialogre(title,url,width,height,target,formId){
            if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){//如果是移动端，就使用自适应大小弹窗
                width='auto';
                height='auto';
            }else{//如果是PC端，根据用户设置的width和height显示。

            }
            top.layer.open({
                type: 2,
                area: [width, height],
                title: title,
                maxmin: true, //开启最大化最小化按钮
                content: url ,
                btn: ['确定','暂存','关闭'],
                btn1: function(index, layero){
                    var body = top.layer.getChildFrame('body', index);
                    var iframeWin = layero.find('iframe')[0]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
                    var inputForm = body.find('#inputForm');
                    var top_iframe;
                    if(target){
                        top_iframe = target;//如果指定了iframe，则在改frame中跳转
                    }else{
                        top_iframe = top.getActiveTab().attr("name");//获取当前active的tab的iframe
                    }
                    inputForm.attr("target",top_iframe);//表单提交成功后，从服务器返回的url在当前tab中展示
                    if(formId){
                        var $document = iframeWin.contentWindow.document;
                        $document.getElementById(formId).setAttribute("action","${ctx}/workfullmanage/workFullPay/savewin");
                        formSubmit($document,formId,index);
                    }
                },
                btn2: function(index, layero){
                    var body = top.layer.getChildFrame('body', index);
                    var iframeWin = layero.find('iframe')[0]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
                    var inputForm = body.find('#inputForm');
                    var top_iframe;
                    if(target){
                        top_iframe = target;//如果指定了iframe，则在改frame中跳转
                    }else{
                        top_iframe = top.getActiveTab().attr("name");//获取当前active的tab的iframe
                    }
                    inputForm.attr("target",top_iframe);//表单提交成功后，从服务器返回的url在当前tab中展示
                    if(formId){
                        var $document = iframeWin.contentWindow.document;
                        $document.getElementById(formId).setAttribute("action","${ctx}/workfullmanage/workFullPay/storewin");
                        formSubmit($document,formId,index);
                    }
                },
                cancel: function(index){
                }
            });
        }
        function openDialogreplay(title,url,width,height,target){

            if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){//如果是移动端，就使用自适应大小弹窗
                width='auto';
                height='auto';
            }else{//如果是PC端，根据用户设置的width和height显示。

            }
            top.layer.open({
                type: 2,
                area: [width, height],
                title: title,
                maxmin: true, //开启最大化最小化按钮
                content: url ,
                btn: ['重新申请','撤回','关闭'],
                btn1: function(index, layero){
                    var body = top.layer.getChildFrame('body', index);
                    var iframeWin = layero.find('iframe')[0]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
                    var inputForm = body.find('#inputForm');
                    var top_iframe;
                    if(target){
                        top_iframe = target;//如果指定了iframe，则在改frame中跳转
                    }else{
                        top_iframe = top.getActiveTab().attr("name");//获取当前active的tab的iframe
                    }
                    inputForm.attr("target",top_iframe);//表单提交成功后，从服务器返回的url在当前tab中展示
					var $document = iframeWin.contentWindow.document;
					$document.getElementById("flag").value = 'yes';
					formSubmit($document,"inputForm",index);
                },
                btn2:function(index,layero){
                    var body = top.layer.getChildFrame('body', index);
                    var iframeWin = layero.find('iframe')[0]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
                    var inputForm = body.find('#inputForm');
                    var top_iframe;
                    if(target){
                        top_iframe = target;//如果指定了iframe，则在改frame中跳转
                    }else{
                        top_iframe = top.getActiveTab().attr("name");//获取当前active的tab的iframe
                    }
					var $document = iframeWin.contentWindow.document;
                    $document.getElementById("flag").value = 'no';
					formSubmit($document,"inputForm",index);
                    return false;
                },
                btn3: function(index){
                }
            });
        }
        function formSubmit($document,inputForm,index){
            var validateForm = $($document.getElementById(inputForm)).validate({
                submitHandler: function(form){
                    loading('正在提交，请稍等...');
                    form.submit();
                },
                errorContainer: "#messageBox",
                errorPlacement: function(error, element) {
                    $($document.getElementById("#messageBox")).text("输入有误，请先更正。");
                    if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
                        error.appendTo(element.parent().parent());
                    } else {
                        error.insertAfter(element);
                    }
                }
            });
            if(validateForm.form()){
                $($document.getElementById(inputForm)).ajaxSubmit({
                    success:function(data) {
                        data = JSON.parse(data);
                        top.layer.close(index);
                        //history.go(0);
                        window.location.reload();
                        parent.layer.msg(data.str,{icon:1});
                    }
                });
            }else {
                parent.layer.msg("信息未填写完整!", {icon: 5});
            }
        }
	</script>
</head>
<body class="gray-bg">
	<div class="wrapper wrapper-content">
	<div class="ibox">
	<div class="ibox-title">
		<h5>工程计量支付列表 </h5>
		<div class="ibox-tools">
			<a class="collapse-link">
				<i class="fa fa-chevron-up"></i>
			</a>
			<a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)">
				<i class="fa fa-wrench"></i>
			</a>
			<ul class="dropdown-menu dropdown-user">
				<li><a href="javascript:void(0)">选项1</a>
				</li>
				<li><a href="javascript:void(0)">选项2</a>
				</li>
			</ul>
			<a class="close-link">
				<i class="fa fa-times"></i>
			</a>
		</div>
	</div>

    <div class="ibox-content">
	<sys:message content="${message}"/>
	<!--查询条件-->
	<div class="row">
	<div class="col-sm-12">
	<form:form id="searchForm" modelAttribute="workFullPay" action="${ctx}/workfullmanage/workFullPay/list?manage_id=${workFullManage.id}" method="post" class="form-inline">
		<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
		<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
		<table:sortColumn id="orderBy" name="orderBy" value="${page.orderBy}" callback="sortOrRefresh();"/><!-- 支持排序 -->
		<div class="form-group">
			<label>申请单位：</label>
			<form:input path="applyUnit" htmlEscape="false"    class="form-control "/>
			<label>当前状态</label>
			<form:select path="fullPayStatus" class="form-control required">
				<form:option value="" label=""/>
				<form:options items="${fns:getDictList('full_pay_status')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
			</form:select>
		</div>
	</form:form>
	<br/>
	</div>
	</div>

	<!-- 工具栏 -->
	<div class="row">
	<div class="col-sm-12">
		<div class="pull-left">
			<%--<button class="btn btn-white btn-sm" onclick="openDialogre('新增记录','${ctx}/workfullmanage/workFullPay/form?manage_id=${workFullManage.id}','80%','80%')"><i class="fa fa-plus"></i>&nbsp;添加</button>
			--%>
			<shiro:hasPermission name="workfullmanage:workFullPay:import">
				<table:importExcel url="${ctx}/workfullmanage/workFullPay/import"></table:importExcel><!-- 导入按钮 -->
			</shiro:hasPermission>
			<shiro:hasPermission name="workfullmanage:workFullPay:export">
	       		<table:exportExcel url="${ctx}/workfullmanage/workFullPay/export"></table:exportExcel><!-- 导出按钮 -->
	       	</shiro:hasPermission>
	       <button class="btn btn-white btn-sm " data-toggle="tooltip" data-placement="left" onclick="sortOrRefresh()" title="刷新"><i class="glyphicon glyphicon-repeat"></i> 刷新</button>

			</div>
		<div class="pull-right">
			<button  class="btn btn-primary btn-rounded btn-outline btn-sm " onclick="search()" ><i class="fa fa-search"></i> 查询</button>
			<button  class="btn btn-primary btn-rounded btn-outline btn-sm " onclick="reset()" ><i class="fa fa-refresh"></i> 重置</button>
		</div>
	</div>
	</div>

	<!-- 表格 -->
	<table id="contentTable" class="table table-striped table-bordered table-hover table-condensed dataTables-example dataTable">
		<thead>
			<tr>
				<%--<th> <input type="checkbox" class="i-checks"></th>--%>
				<th style="text-align: center;width: 15%"  class="sort-column applyUnit">申请单位</th>
				<th style="text-align: center;width: 6%"  class="sort-column constructionTender">施工标段</th>
				<th style="text-align: center;width: 6%"  class="sort-column arrangeMoney">合同金额(元)</th>
				<th style="text-align: center;width: 6%"  class="sort-column arrangePayMoney">合同最高支付金额</th>
				<th style="text-align: center;width: 10%"  class="sort-column payContent">付款内容</th>
				<th style="text-align: center;width: 6%"  class="sort-column thisApplyMoney">本次申请金额</th>
				<th style="text-align: center;width: 6%"  class="sort-column confirmPayMoney">核定支付金额</th>
				<th style="text-align: center;width: 6%"  class="sort-column totalPayMoney">累计付款金额</th>
				<th style="text-align: center;width: 8%"  class="sort-column completeEngeerValue">登记人</th>
				<th style="text-align: center;width: 6%"  class="sort-column completePerPay">登记时间</th>
				<th style="text-align: center;width: 6%"  class="sort-column fullPayStatus">当前状态</th>
				<th style="text-align: center;width: 6%" >流程追踪</th>
				<th style="text-align: center;width: 10%">操作</th>
			</tr>
		</thead>
		<tbody>
		<c:choose>
			<c:when test="${not empty page.list}">
				<c:forEach items="${page.list}" var="workFullPay">
					<tr>
						<%--<td> <input type="checkbox" id="${workFullPay.id}" class="i-checks"></td>--%>
						<td>
							<a  href="javascript:void(0)" onclick="openDialogView('查看工程计量支付', '${ctx}/workfullmanage/workFullPay/form?id=${workFullPay.id}&tabId=0','80%','80%')">
								${workFullPay.applyUnit}
							</a>
						</td>
						<td>
							${workFullPay.constructionTender}
						</td>
						<td>
							${workFullPay.arrangeMoney}
						</td>
						<td>
							${workFullPay.arrangePayMoney}
						</td>
						<td>
							${workFullPay.payContent}
						</td>
						<td>
							${workFullPay.thisApplyMoney}
						</td>
						<td>
							${workFullPay.confirmPayMoney}
						</td>
						<td>
							${workFullPay.totalPayMoney}
						</td>
						<td>
							${workFullPay.createBy.name}
						</td>
						<td>
							<fmt:formatDate value="${workFullPay.createDate}" pattern="yyyy-MM-dd"/>
						</td>
						<td>
							${fns:getDictLabel(workFullPay.fullPayStatus, 'full_pay_status', '')}
						</td>
						<td>
							<div style="text-align: center">
							<a href="javascript:void(0)" onclick="openDialogView('流程追踪', '${ctx}/workfullmanage/workFullPay/getProcessOne?id=${workFullPay.id}','80%','80%')" class="btn btn-info btn-xs" > 流程追踪</a>
							</div>
						</td>
						<td>
							<div style="text-align: center">
							<shiro:hasPermission name="workfullmanage:workFullPay:edit">
								<c:choose>
									<%-- 当前登陆人是主办负责人或者项目登记人 可修改 --%>
									<c:when test="${fn:contains(workFullManage.hostMaster, fns:getUser().id) or workFullPay.createBy.id == fns:getUser().id}">
										<c:choose>
											<c:when test="${workFullPay.createBy.id == fns:getUser().id}">
												<c:choose>
													<%-- 暂存状态 --%>
													<c:when test="${workFullPay.fullPayStatus == 1 or workFullPay.fullPayStatus == 3}">
														<c:choose>
															<%-- 未通过 --%>
															<c:when test="${workFullPay.fullPayStatus == 3}">
																<c:if test="${workFullPay.processEnded}"><%--流程未结束是true--%>
																	<a href="javascript:void(0)" onclick="openDialogreplay('修改工程计量支付', '${ctx}/workfullmanage/workFullPay/form?id=${workFullPay.id}&manage_id=${workFullPay.workFullManageId}&tabId=3','80%','80%',false,'inputForm')" class="btn btn-success btn-xs" ><i class="fa fa-edit"></i> 修改</a>
																</c:if>
																<c:if test="${!workFullPay.processEnded}"><%--流程已结束：自定义流程选择了不可撤回--%>
																	<a href="javascript:parent.layer.msg('流程已结束，不能修改',{icon:2})" class="btn btn-default btn-xs"><i class="fa fa-trash"></i> 修改</a>
																</c:if>
															</c:when>
															<c:otherwise>
																<a href="javascript:void(0)" onclick="openDialogre('修改工程计量支付', '${ctx}/workfullmanage/workFullPay/form?id=${workFullPay.id}&manage_id=${workFullPay.workFullManageId}','80%','80%',false,'inputForm')" class="btn btn-success btn-xs" ><i class="fa fa-edit"></i> 修改</a>
															</c:otherwise>
														</c:choose>
													</c:when>
													<c:otherwise>
														<a href="javascript:parent.layer.msg('只有未通过或者暂存状态的数据可修改',{icon:2})" class="btn btn-default btn-xs"><i class="fa fa-trash"></i> 修改</a>
													</c:otherwise>
												</c:choose>
											</c:when>
											<c:otherwise>
												<a href="javascript:parent.layer.msg('项目竣工之后只有项目负责人可以修改该数据')" class="btn btn-default btn-xs"><i class="fa fa-trash"></i> 修改</a>
											</c:otherwise>
										</c:choose>
									</c:when>
									<c:otherwise>
										<a href="javascript:void(0)" onclick="javascript:parent.layer.msg('您没有权限做该操作',{icon:2})" class="btn btn-default btn-xs" ><i class="fa fa-edit"></i> 修改</a>
									</c:otherwise>
								</c:choose>
							</shiro:hasPermission>
							<shiro:hasPermission name="workfullmanage:workFullPay:del">
								<c:choose>
									<c:when test="${fn:contains(workFullManage.hostMaster, fns:getUser().id) or workFullManage.createBy.id == fns:getUser().id}">
										<c:choose>
											<c:when test="${workFullPay.fullPayStatus != 2}">
												<a href="${ctx}/workfullmanage/workFullPay/delete?id=${workFullPay.id}" onclick="return confirmx('确认要删除该工程计量支付吗？', this.href)"   class="btn btn-danger btn-xs"><i class="fa fa-trash"></i> 删除</a>
											</c:when>
											<c:otherwise>
												<a href="javascript:parent.layer.msg('您没有权限做该操作',{icon:2})" class="btn btn-default btn-xs"><i class="fa fa-trash"></i> 删除</a>
											</c:otherwise>
										</c:choose>
									</c:when>
									<c:otherwise>
										<a href="javascript:parent.layer.msg('您没有权限做该操作',{icon:2})" class="btn btn-default btn-xs"><i class="fa fa-trash"></i> 删除</a>
									</c:otherwise>
								</c:choose>
							</shiro:hasPermission>
							</div>
						</td>
					</tr>
				</c:forEach>
			</c:when>
			<c:otherwise>
				<tr>
					<td colspan="14" align="center">暂无数据</td>
				</tr>
			</c:otherwise>
		</c:choose>
		</tbody>
	</table>
		<!-- 分页代码 -->
	<table:page page="${page}"></table:page>
	<br/>
	<br/>
	</div>
	</div>
</div>
<%--<div style="height: 60px;"></div>--%>
<%--<div class="" style="position:fixed; bottom:0;background: #ffffff;width: 100%;height: 50px;">--%>
	<%--<button onclick="closelayer()" class="btn btn-white btn-sm pull-right m-r m-t-sm">&nbsp;关闭&nbsp;</button>--%>
</body>
</html>