<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<%@ include file="../language.jsp" %>

<script src="../scripts/itsm/sla/slaMain.js?random=<%=new java.util.Date().getTime()%>"></script>
<script>var slaBaseInfo='<fmt:message key="title.sla.slaDetail"/>';</script>

<div style="padding:10px;color:#555555" id="contarctManage_loading"><img src="../images/icons/loading.gif" /></div>
<div style="padding:3px;display:none" id="contarctManage_content">

<table id="contractGrid" width="100%"></table>
<div id="contractGridPager"></div>
<div id="contractGridToolbar" style="display:none">


<sec:authorize url="/pages/slaContractManage!save.action">
<a class="easyui-linkbutton"  plain="true" icon="icon-add" id="contractGrid_add" ><fmt:message key="common.add"/></a>
</sec:authorize>

<sec:authorize url="/pages/slaContractManage!merge.action">
<a class="easyui-linkbutton"  plain="true" icon="icon-edit" id="contractGrid_edit"><fmt:message key="common.edit"/></a> 
</sec:authorize>

<sec:authorize url="/pages/slaContractManage!delete.action">
<a class="easyui-linkbutton" plain="true" icon="icon-cancel" id="contractGrid_delete"><fmt:message key="common.delete"/></a> 
</sec:authorize>

<sec:authorize url="/pages/slaContractManage!find.action">
<a class="easyui-linkbutton" plain="true" icon="icon-search" id="contractGrid_search"><fmt:message key="common.search"/></a>
</sec:authorize>

<sec:authorize url="/pages/slaRule!find.action">
<a class="easyui-linkbutton" plain="true" icon="icon-reload" id="contractGrid_showSLADetail"><fmt:message key="label.sla.slaService"/></a>
</sec:authorize>

</div>

<div id="contractGridFormatter" style="display:none"><sec:authorize url="/pages/slaContractManage!merge.action"><a id="contractGrid_act_edit" href="javascript:itsm.sla.slaMain.editSlaOpenWindow()" title="<fmt:message key="common.edit"/>"><img src="../images/icons/edit.gif" /></a></sec:authorize><sec:authorize url="/pages/slaContractManage!delete.action"><a id="contractGrid_act_delete"  href="javascript:itsm.sla.slaMain.deleteSLA()" title="<fmt:message key="common.delete"/>"><img src="../images/icons/delete.gif" /></a></sec:authorize></div>

<!-- 修改SLA -->

<div id="searchContractDiv" title="<fmt:message key="common.search"/>SLA" class="easyui-window"  closed="true" collapsible="false" minimizable="false" maximizable="false" modal="true" style="width:350px;height:auto" >
	<form>
	<div class="lineTableBgDiv">
		<table style="width:100%" class="lineTable" cellspacing="1">
    	<tr>
        	<td style="width:20%;"><fmt:message key="label.sla.contractName"/></td>
        	<td style="width:80%;">
        	<input name="qdto.contractName" style="width:96%"/>
        	</td>
        </tr>
        <tr>
    	<td colspan="2" style="height:50px">
        	<a class="easyui-linkbutton" icon="icon-search" id="contractGrid_doSearch"><fmt:message key="common.search"/></a>
        </td>
    </tr>
    </table>
    </div>
  </form>
</div>


<!-- 选择服务机构 -->
<div id="selectServiceOrgDiv" title="<fmt:message key="title.sla.chooseServiceOrg"/>" class="easyui-window"  closed="true" collapsible="false" minimizable="false" maximizable="false" modal="true" style="width:200px;height:280px; padding:10px; line-height:20px;" >
	<div id="selectServiceOrgTreeDiv"></div>
</div>



<!-- 选择被服务机构 -->

<div id="selectByServiceOrgDiv" title="<fmt:message key="title.sla.chooseByServiceOrg"/>" class="easyui-window"  closed="true" collapsible="false" minimizable="false" maximizable="false" modal="true" style="width:250px;height:400px; padding:10px; line-height:20px;" >
	
	<div id="selectByServiceOrgTreeDiv"></div>
	<br/>
	<div style="border:#99bbe8 1px solid;padding:5px;text-align:center">
	<a class="easyui-linkbutton" icon="icon-ok" plain="true" id="selectByServiceOrg_getSelectedNodes"><fmt:message key="label.sla.confirmChoose"/></a>
	</div>
</div>


<!-- 新增编辑SLA -->


<div id="SLAOperationDiv">
<form id="SLAOperationForm">

<div id="SLAOperationWindow" class="easyui-window" closed="true" collapsible="false" minimizable="false" maximizable="false" modal="true" title="<fmt:message key="common.add"/>SLA"
style="width:580px; height:450px; padding:3px;line-height: 20px;">
	
	

	 <input id="slaContract_contractNo" name="slaContractDTO.contractNo" type="hidden"/>
	 <input type="hidden" name="byServicesNosStr" id="byServicesNosStr">

	 <div class="easyui-layout" fit="true">
	 <div region="center" style="height:110px">


	 <div class="easyui-tabs" id="slaMain_tabs" fit="true" style="height:300px;" border="none">
	
		 <div title="<fmt:message key="title.sla.slaDetail"/>">
		
		 <!-- SLA明细 start-->
		
		 <div class="lineTableBgDiv">
		<table style="width:100%" class="lineTable" cellspacing="1">
	
	
			<tr>
				<td style="width:20%"><fmt:message key="label.sla.slaName"/></td>
				<td style="width:80%">
				<input id="slaContract_contractName" name="slaContractDTO.contractName" style="width:96%" class="easyui-validatebox" required="true" />
				</td>
			</tr>
	
			<tr>
				<td><fmt:message key="label.sla.serviceOrg"/></td>
				<td>
					<input value="<fmt:message key="label.sla.chooseAlert"/>" id="slaContract_serviceOrgName" class="easyui-validatebox choose" required="true" readonly/>
					<input type="hidden" id="slaContract_serviceOrgNo" name="slaContractDTO.serviceOrgNo" />
				</td>
			</tr>
		
			<tr>
				<td><fmt:message key="label.sla.slaVersion"/></td>
				<td><input id="slaContract_versionNumber" name="slaContractDTO.versionNumber" class="easyui-validatebox input" required="true" /></td>
			</tr>
	
			<tr>
				<td><fmt:message key="label.sla.slaStartTime"/></td>
				<td><input id="slaContract_beginTime" name="slaContractDTO.beginTime" class="easyui-datebox choose" required="true" readonly/></td>
			</tr>
		
		
			<tr>
				<td><fmt:message key="label.sla.slaEndTime"/></td>
				<td><input id="slaContract_endTime" name="slaContractDTO.endTime" class="easyui-datebox choose" required="true" validType="DateComparison['slaContract_beginTime']" readonly/></td>
			</tr>
		
		
		<tr>
			<td><fmt:message key="label.sla.slaServiceAgreement"/></td>
			<td><textarea id="slaContract_agreement" name="slaContractDTO.agreement" class="easyui-validatebox textarea" validType="length[5,200]" required="true"></textarea></td>
		</tr>
		

	
		</table>
		
		</div>
		
		<!-- SLA明细 end -->
		
		
		</div>
	
	
		<div title="<fmt:message key="title.sla.byServiceOrg"/>" style="padding:3px">

		
			<table id="byServicesOrgGrid" width="100%"></table>
			
			<div id="byServicesOrgGridPager"></div>
			
			<div id="byServicesOrgGridToolbar" style="display:none">
				<a class="easyui-linkbutton"  plain="true" icon="icon-add" id="byServicesOrgGrid_add"><fmt:message key="label.sla.append"/></a>
				<a class="easyui-linkbutton" plain="true" icon="icon-cancel" id="byServicesOrgGrid_remove"><fmt:message key="label.sla.remove"/></a> 
			</div>
		
		

		</div>
	

</div>

</div>

<div region="south" style="height:50px;padding:10px">

<a id="contractGrid_doSave" class="easyui-linkbutton" icon="icon-ok" style="margin-right:15px" ><fmt:message key="common.save"/></a>
	
</div>

</div>

	

</div>


</form>


</div>


</div>
