<%@ 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">
		$(document).ready(function() {
	        laydate.render({
	            elem: '#beginContractDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
	            event: 'focus' //响应事件。如果没有传入event，则按照默认的click
	        });
	        laydate.render({
	            elem: '#endContractDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
	            event: 'focus' //响应事件。如果没有传入event，则按照默认的click
	        });
		});
	</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="workContractInfo" action="${ctx}/workcontractinfo/workContractApply/applyList" 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">
			<span id ="clintName">客户名称：</span>
				<sys:gridselect url="${ctx}/workcontractinfo/workContractInfo/selectclient" id="client" name="client"  value="${workContractInfo.client.id}"  title="选择客户ID" labelName="client.name" 
					labelValue="${workContractInfo.client.name}" cssClass="form-control required" fieldLabels="客户名称" fieldKeys="name" searchLabel="客户名称" searchKey="name" ></sys:gridselect>
			<span name="SignTime" style="margin-top: 12px">签订日期：</span>
				<input id="beginContractDate" name="beginContractDate" type="text" maxlength="20" class="laydate-icon form-control layer-date input-sm"
					value="<fmt:formatDate value="${workContractInfo.beginContractDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"/> - 
				<input id="endContractDate" name="endContractDate" type="text" maxlength="20" class="laydate-icon form-control layer-date input-sm"
					value="<fmt:formatDate value="${workContractInfo.endContractDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"/>
			<span id="contractName">合同名称：</span>
				<form:input path="name" htmlEscape="false" maxlength="255"  class=" form-control input-sm"/>
			<span>合同金额(元)预计金额：</span>
				<form:input path="contractPrice" htmlEscape="false" maxlength="255"  class=" form-control input-sm"/>
			<span>合同状态：</span>
				<form:select path="contractState"  class="form-control m-b">
					<form:option value="" label=""/>
					<form:options items="${fns:getDictList('contract_state')}" 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">
			<shiro:hasPermission name="workcontractinfo:workContractInfo:add">
				<table:addRow url="${ctx}/workcontractinfo/workContractInfo/form" title="合同管理"></table:addRow><!-- 增加按钮 -->
			</shiro:hasPermission>
			<shiro:hasPermission name="workcontractinfo:workContractInfo:edit">
			    <table:editRow url="${ctx}/workcontractinfo/workContractInfo/form" title="合同管理" id="contentTable"></table:editRow><!-- 编辑按钮 -->
			</shiro:hasPermission>
			<shiro:hasPermission name="workcontractinfo:workContractInfo:del">
				<table:delRow url="${ctx}/workcontractinfo/workContractInfo/deleteAll" id="contentTable"></table:delRow><!-- 删除按钮 -->
			</shiro:hasPermission>
			<shiro:hasPermission name="workcontractinfo:workContractInfo:import">
				<table:importExcel url="${ctx}/workcontractinfo/workContractInfo/import"></table:importExcel><!-- 导入按钮 -->
			</shiro:hasPermission>
			<shiro:hasPermission name="workcontractinfo:workContractInfo:export">
	       		<table:exportExcel url="${ctx}/workcontractinfo/workContractInfo/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" style="width:auto; height:auto; overflow:scroll;">
		<thead>
			<tr>
				<th> <input type="checkbox" class="i-checks"></th>
				<th  class="sort-column contractNum">合同编号</th>
				<th  class="sort-column name" >合同名称</th>
				<th  class="sort-column client.id">客户名称</th>
				<th  class="sort-column client.id">客户类型</th>
				<th  class="sort-column client.id">公司/部门</th>
				<th  class="sort-column contractPrice">合同金额(元)预计金额</th>
				<th  class="sort-column contractDate">签订日期</th>
				<th  class="sort-column createBy.id">创建人</th>
				<th  class="sort-column contractState">合同状态</th>
				<th  class="sort-column contractState">流程追踪</th>
				<th>操作</th>
			</tr>
		</thead>
		<tbody>
		<c:forEach items="${page.list}" var="workContractInfo">
			<tr>
				<td> <input type="checkbox" id="${workContractInfo.id}" class="i-checks"></td>
				<td>
						${workContractInfo.contractNum}
				</td>
				<td>
					<a  href="javascript:void(0)" onclick="openDialogView('查看合同管理', '${ctx}/workcontractinfo/workContractInfo/form?id=${workContractInfo.id}','80%','80%')">
						${workContractInfo.name}
					</a>
				</td>
				<td>
					<a  href="javascript:void(0)" onclick="openDialogView('查看合同管理', '${ctx}/workcontractinfo/workContractInfo/form?id=${workContractInfo.id}','80%','80%')">
						${workContractInfo.client.name}
					</a>
				</td>
				<td>
						${workContractInfo.contractType}
				</td>
				<td>
						${workContractInfo.chargeCompany}
				</td>
				<td>
					<fmt:formatDate value="${workContractInfo.contractDate}" pattern="yyyy-MM-dd HH:mm:ss"/>
				</td>
				<td>
						${workContractInfo.contractPrice}
				</td>
				<td>
						${workContractInfo.createBy.id}
				</td>
				<td>
					${(workContractInfo.contractState==1)?"待审核":""||(workContractInfo.contractState==2)?"已审核":""||(workContractInfo.contractState==3)?"已通过":""||(workContractInfo.contractState==4)?"未通过":""||(workContractInfo.contractState==5)?"已作废":""}
				</td>
				<td><a  href="javascript:void(0)" onclick="openDialogView('流程追踪', '${ctx}/workcontractinfo/workContractInfo/formActiviti?id=${workContractInfo.id}','80%','80%')">
					流程追踪
					</a>
				</td>
				<td>
					<shiro:hasPermission name="workcontractinfo:workContractInfo:view">
						<a href="${ctx}/workcontractinfo/workContractInfo/pass?id=${workContractInfo.id}" onclick="return confirmx('确认要通过该合同管理吗？', this.href)"   class="btn btn-info btn-xs"><i class="fa fa-search-plus"></i>通过</a>
					</shiro:hasPermission>
					<shiro:hasPermission name="workcontractinfo:workContractInfo:del">
							<a href="${ctx}/workcontractinfo/workContractInfo/unpass?id=${workContractInfo.id}" onclick="return confirmx('确认要回退该合同管理吗？', this.href)"   class="btn btn-danger btn-xs"><i class="fa fa-trash"></i> 回退</a>
					</shiro:hasPermission>
				</td>
			</tr>
		</c:forEach>
		</tbody>
	</table>
	
		<!-- 分页代码 -->
	<table:page page="${page}"></table:page>
	<br/>
	<br/>
	</div>
	</div>
</div>
</body>
</html>