<%@ 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">
        var validateForm;
        function doSubmit(obj){//回调函数，在编辑和保存动作时，供openDialog调用提交表单。
            var falt=false;
            if(validateForm.form()){
                if(obj == 1){
                    var type=$("#type").val();
                    if(type=="电子章"){
                        var id=$("#workContractInfoId").val();
                        $.ajax({
                            type:'post',
                            url:'${ctx}/workcontractsignature/workContractSignature/signatureStatus',
                            async: false,
                            data:{ "id":id},
                            success:function(data) {
                                if(data){
                                    falt=data;
                                }
                            }
                        });
					}
					if(falt){
                        parent.layer.msg("附件中存在未签章的文件!", {icon: 5});
                        return false;
					}
                    $('#flag').val('yes');
                }else{
                    $('#flag').val('no');
                }
                $("#inputForm").submit();
                return true;
            }else {
                parent.layer.msg("信息未填写完整!", {icon: 5});
            }
            return false;
        }
        $(document).ready(function() {
            validateForm = $("#inputForm").validate({
                submitHandler: function(form){
                    loading('正在提交，请稍等...');
                    form.submit();
                },
                errorContainer: "#messageBox",
                errorPlacement: function(error, element) {
                    $("#messageBox").text("输入有误，请先更正。");
                    if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
                        error.appendTo(element.parent().parent());
                    } else {
                        error.insertAfter(element);
                    }
                }
            });
            $("#attachment_btn").click(function () {
                $("#attachment_file").click();
            });

        });
	</script>
</head>
<body>
<div class="single-form">
	<div class="container">
		<form:form id="inputForm" modelAttribute="workContractSignature" action="${ctx}/workcontractsignature/workContractSignature/saveAudit" method="post" class="form-horizontal">
			<form:hidden path="id"/>
			<form:hidden path="workContractInfo.id" id="workContractInfoId"/>
			<form:hidden path="home"/>
			<form:hidden path="act.taskId"/>
			<form:hidden path="act.taskName"/>
			<form:hidden path="act.taskDefKey"/>
			<form:hidden path="act.procInsId"/>
			<form:hidden path="act.procDefId"/>
			<form:hidden id="flag" path="act.flag"/>
			<div class="form-group layui-row first lw8">
				<div class="form-group-label"><h2>基础信息</h2></div>
				<div class="layui-item layui-col-sm6">
					<label class="layui-form-label">合同名称：</label>
					<div class="layui-input-block">
						<form:input id="workContractInfoName" path="workContractInfo.name" htmlEscape="false" readonly="true" class="form-control  layui-input"/>
					</div>
				</div>
				<div class="layui-item layui-col-sm6">
					<label class="layui-form-label">合同编号：</label>
					<div class="layui-input-block">
						<div class="input-group">
							<form:input  path="workContractInfo.contractNum" htmlEscape="false"   readonly="true" class="form-control layui-input"/>
							<span class="input-group-btn">
								<label class="form-status"><c:choose><c:when test="${ empty workContractSignature.status}">新添</c:when><c:otherwise>${fns:getDictLabel(workContractSignature.status, 'audit_state','')}</c:otherwise>	</c:choose></label>
							</span>
						</div>
					</div>
				</div>
				<div class="layui-item layui-col-sm6">
					<label class="layui-form-label">所属部门：</label>
					<div class="layui-input-block">
						<form:input  path="workContractInfo.chargeCompanyName" htmlEscape="false" readonly="true" class="form-control  layui-input"/>
					</div>
				</div>
				<div class="layui-item layui-col-sm6">
					<label class="layui-form-label">主委托方：</label>
					<div class="layui-input-block">
						<form:input id="cName" path="workContractInfo.client.name" htmlEscape="false" readonly="true" class="form-control  layui-input"/>
					</div>
				</div>
				<div class="layui-item layui-col-sm6">
					<label class="layui-form-label">对方合同编号：</label>
					<div class="layui-input-block">
						<form:input  path="workContractInfo.anotherContractNum" htmlEscape="false" readonly="true" class="form-control  layui-input"/>
					</div>
				</div>
				<div class="layui-item layui-col-sm6">
					<label class="layui-form-label">签章类型：</label>
					<div class="layui-input-block">
						<form:input  path="type" htmlEscape="false" readonly="true" class="form-control  layui-input"/>
					</div>
				</div>
				<div class="layui-item layui-col-sm12  with-textarea">
					<label class="layui-form-label">签章要求：</label>
					<div class="layui-input-block">
						<form:textarea path="instruction" htmlEscape="false" rows="4" readonly="true"   maxlength="255"    class="form-control "/>
					</div>
				</div>
			</div>
			<div class="form-group layui-row">
				<div class="form-group-label"><h2>合同附件表</h2></div>
				<div class="layui-item layui-col-xs12 form-table-container" >
					<table id="contentTable" class="table table-bordered table-condensed no-bottom-margin details">
						<thead>
						<tr>

							<th>文件</th>
							<th>上传人</th>
							<th>上传时间</th>
							<th width="240px">操作</th>
						</tr>
						</thead>
						<tbody>
						<c:choose>
							<c:when test="${not empty workContractSignature.workContractInfo.workAttachments}">
								<c:forEach items="${workContractSignature.workContractInfo.workAttachments}" var="workClientAttachment" >
									<tr>
											<%--<td>${status.index + 1}</td>--%>
										<c:choose>
											<c:when test="${fn:containsIgnoreCase(workClientAttachment.attachmentName,'jpg')
																   or fn:containsIgnoreCase(workClientAttachment.attachmentName,'png')
																   or fn:containsIgnoreCase(workClientAttachment.attachmentName,'gif')
																   or fn:containsIgnoreCase(workClientAttachment.attachmentName,'bmp')
																   or fn:containsIgnoreCase(workClientAttachment.attachmentName,'jpeg')}">
												<td><img src="${workClientAttachment.url}" width="50" height="50" onclick="openDialogView('预览','${ctx}/sys/picturepreview/picturePreview?url=${workClientAttachment.url}','90%','90%')" alt="${workClientAttachment.attachmentName}">
											</c:when>
											<c:otherwise>
												<c:choose>
													<c:when test="${fn:containsIgnoreCase(workClientAttachment.attachmentName,'pdf')}">
														<td><a href="javascript:void(0)" onclick="preview('预览','${workClientAttachment.url}','95%','95%','1')">${workClientAttachment.attachmentName}</a></td>
													</c:when>
													<c:otherwise>
														<td><a href="javascript:void(0)" onclick="preview('预览','${workClientAttachment.url}','95%','95%')">${workClientAttachment.attachmentName}</a></td>
													</c:otherwise>
												</c:choose>
											</c:otherwise>
										</c:choose>
										<td>${workClientAttachment.createBy.name}</td>
										<td><fmt:formatDate value="${workClientAttachment.createDate}" pattern="yyyy-MM-dd"/></td>
										<td  class="op-td">
											<div class="op-btn-box" >
												<c:set var="signflag" value="${fns:getSysParam('sign_flag',fns:getUser())}"/>
												<c:choose>
													<c:when test="${fn:containsIgnoreCase(workClientAttachment.attachmentName,'pdf')
                                                                       or fn:containsIgnoreCase(workClientAttachment.attachmentName,'doc')
                                                                       or fn:containsIgnoreCase(workClientAttachment.attachmentName,'docx')
                                                                       or fn:containsIgnoreCase(workClientAttachment.attachmentName,'xls')
                                                                       or fn:containsIgnoreCase(workClientAttachment.attachmentName,'xlsx')
                                                                       or fn:containsIgnoreCase(workClientAttachment.attachmentName,'ppt')
                                                                       or fn:containsIgnoreCase(workClientAttachment.attachmentName,'pptx')}">
														<a href="${ctx}/isignature/iSignatureDocument/sign?recordId=${workClientAttachment.id}&type=contract" class="op-btn op-btn-sign" target="_blank">签章</a>
														<a href="javascript:void(0);" onclick="openDialogView('查看电子签章信息', '${ctx}/isignature/iSignatureDocument/form?recordId=${workClientAttachment.id}','95%', '95%')" class="op-btn op-btn-view" ><i class="fa fa-search-plus"></i> 查看</a>
														<c:choose>
															<c:when test="${signflag == '是'}">
																<a href="javascript:location.href='${ctx}/isignature/iSignatureDocument/download?recordId=${workClientAttachment.id}'" class="op-btn op-btn-download"><i class="fa fa-download"></i>&nbsp;下载</a>
															</c:when>
															<c:otherwise>
																<a href="javascript:location.href='${ctx}/workcontractinfo/workContractInfo/downLoadAttach?file='+encodeURIComponent('${workClientAttachment.url}');" class="op-btn op-btn-download"><i class="fa fa-download"></i>&nbsp;下载</a>
															</c:otherwise>
														</c:choose>
													</c:when>
													<c:otherwise>
														<a href="javascript:location.href='${ctx}/workcontractinfo/workContractInfo/downLoadAttach?file='+encodeURIComponent('${workClientAttachment.url}');" class="op-btn op-btn-download"><i class="fa fa-download"></i>&nbsp;下载</a>
													</c:otherwise>
												</c:choose>
											</div>
										</td>
									</tr>
								</c:forEach>
							</c:when>
							<c:otherwise>
								<tr>
									<td colspan="4" align="center">暂无数据</td>
								</tr>
							</c:otherwise>
						</c:choose>
						</tbody>
					</table>
				</div>
			</div>
			<div class="form-group layui-row lw8">
				<div class="form-group-label"><h2>审批意见</h2></div>
				<div class="layui-item layui-col-sm12  with-textarea">
					<label class="layui-form-label">审批意见：</label>
					<div class="layui-input-block">
						<form:textarea path="act.comment" class="form-control" rows="4" maxlength="127" />
						<input type="file" name="upload_files" style="display: none;">
					</div>
				</div>
			</div>
			<div class="form-group layui-row">
				<div class="form-group-label"><h2>审批流程</h2></div>
				<div class="layui-item layui-col-xs12 form-table-container" >
					<act:flowChart procInsId="${workContractSignature.act.procInsId}"/>
					<act:histoicFlow procInsId="${workContractSignature.act.procInsId}"/>
				</div>
			</div>
			<div class="form-group layui-row page-end"></div>
		</form:form>
	</div>
</div>
</body>
</html>