<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="com.opensymphony.xwork2.ActionContext" %>    
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>    
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<%@ taglib prefix="s" uri="/struts-tags" %>

<%@ include file="../language.jsp" %>
<script type="text/javascript">

var tab_relatedProblem='<fmt:message key="title.problem.relatedProblem" />';
var queryString='${detailDTO.etitle}';

</script>
<script src="../scripts/itsm/change/changeInfo.js?random=<%=new java.util.Date().getTime()%>"></script>

<style>
<!--
.hidd{
	display: none;
}
.show{
	display: block;
}
-->
</style>
<div class="loading" id="changeInfo_loading"><img src="../images/icons/loading.gif" /></div>

<div class="easyui-panel content" id="changeInfo_panel" border="none" fit="true" >

	<div style="display: none" id="changePlan_comm">
		<form>
			<input type="hidden" name="changeDTO.eno" id="changeInfo_eno" value="${detailDTO.eno}">
			<input name="changeDTO.etitle" value="${detailDTO.etitle}" />
			<input name="changeDTO.edesc" value="${detailDTO.edesc}" />
			<input name="changeDTO.changeNo" value="${detailDTO.changeNo}" />
			<input name="changeDTO.planStartTime" value="${detailDTO.planStartTime}" />
			<input name="changeDTO.planEndTime" value="${detailDTO.planEndTime}" />
			<input name="changeDTO.creator" value="${detailDTO.creator}" />
			<input id="changeInfo_changeEnd" value="${detailDTO.changeEnd}" />
			<input id="changeInfo_pid" value="${detailDTO.pid}" />
			<input id="changeInfo_statusCode" value="${detailDTO.statusCode}" />
		</form>
	</div>
	
	<div id="changeDetailDiv" class="easyui-panel" fit="true" border="none">
		<div class="easyui-layout" fit="true">
			<!-- start -->
			<div region="north" border="false" style="overflow:hidden; border-top:#99bbe8 1px solid; border-left:#99bbe8 1px solid; border-right:#99bbe8 1px solid; height:38px; padding:4px">
				<div>
					<fmt:message key="label.request.requestAction" />：
					<c:set var="loginUserName" value="${loginUserName}"/>
					<s:if test="%{detailDTO.changeEnd==false}">
						
						<!-- 如果状态为新建 -->
						<s:if test="%{detailDTO.statusCode=='change_new'}">
							<!-- 指派的技术员进行 -->
							<sec:authorize url="AssingeeTechnician_Res">
								<a onclick="itsm.change.changeInfo.openChangeActionWin('assingeeTechnician_win')"><img alt="" src="../images/icons/navigate_right_10.gif"><fmt:message key="title.change.assigneeTechnician" /></a>
							</sec:authorize>	
							<!-- 制定變更計劃 -->
							<s:if test="%{detailDTO.technicianName!=null}"></s:if>
								<sec:authorize url="StartChangePlan_Res">
									<c:if test="${fn:toUpperCase(loginUserName)==fn:toUpperCase(detailDTO.technicianName)}">
										<a onclick="itsm.change.changeInfo.openChangeActionWin('startChangePlan_win')"><img alt="" src="../images/icons/navigate_right_10.gif"><fmt:message key="title.change.plan" /></a>
									</c:if>
								</sec:authorize>
						</s:if>
						
						<!-- 如果状态为变更审批 -->
						<s:if test="%{detailDTO.statusCode=='change_approval'}">
							<sec:authorize url="MemberApprover_Res">
								<s:iterator value="detailDTO.approveComments" id="app">
									
									<c:if test="${fn:toUpperCase(app.approver)==fn:toUpperCase(loginUserName)}">
										<c:if test="${app.agreed==null}">
											<a onclick="itsm.change.changeInfo.memberApprover_win('${detailDTO.pid}')" id="memberApprover_but"><img alt="" src="../images/icons/navigate_right_10.gif"><fmt:message key="title.change.memberApprover" /></a>
										</c:if>
									</c:if>
								</s:iterator>
								
							</sec:authorize>	
						</s:if>
							
						<s:iterator value="detailDTO.outcomesSet" id="outcomes">
							<!--
							<s:property value="outcomes"/>
							 -->
							<!-- 如果状态为制定变更计划 -->
							<s:if test="%{detailDTO.statusCode=='change_plan'}">
								<s:if test="%{#outcomes=='每个审批委员'}">
									<sec:authorize url="SubmitApprover_Res">
										<a onclick="itsm.change.changeInfo.openChangeActionWin('submitApprover_win')"><img alt="" src="../images/icons/navigate_right_10.gif"><fmt:message key="title.change.submitApprover" /></a>
									</sec:authorize>	
								</s:if>
							</s:if>
							
							<s:if test="%{#outcomes=='复审'}">
								<sec:authorize url="ImplementComplete_Res">
									<c:if test="${fn:toUpperCase(loginUserName)==fn:toUpperCase(detailDTO.technicianName)}">
										<a onclick="itsm.change.changeInfo.openChangeActionWin('implementComplete_win')"><img alt="" src="../images/icons/navigate_right_10.gif"><fmt:message key="title.change.implementComplete" /></a>
									</c:if>
								</sec:authorize>	
							</s:if>
							<s:if test="%{#outcomes=='结束'}">
								<sec:authorize url="ReviewResult_Res">
									<a onclick="itsm.change.changeInfo.openChangeActionWin('review_win')"><img alt="" src="../images/icons/navigate_right_10.gif"><fmt:message key="title.change.reviewResult" /></a>
								</sec:authorize>	
							</s:if>
						</s:iterator>
					</s:if>
					&nbsp;|&nbsp;
					<a icon="icon-search" class="easyui-linkbutton" plain="true"  style="margin-right:10px;" onclick="trace('${detailDTO.pid}')"><fmt:message key="label.request.processTracking" /></a>
					&nbsp;|&nbsp;
					<sec:authorize url="/pages/change!editChangeBaseInfo.action">
						<a class="easyui-linkbutton" plain="true" icon="icon-edit" id="changeInfo_edit_but"><fmt:message key="common.edit"/></a>
					</sec:authorize>
					
					&nbsp;|&nbsp;<a id="fullsearch_change_related_event_btn" class="easyui-linkbutton" plain="true" icon="icon-search"><fmt:message key="label.fullsearch.searchRelatedItems" /></a>
					
				</div>
			</div>
			<!-- end -->
			
			<!-- start -->
			<div region="west" id="changeInfo_west" split="true" title="<fmt:message key="common.basicInfo" />" style="width:450px;">
				<div class="lineTableBgDiv">
				<form>
				<table width="100%" cellspacing="1" class="lineTable">
					<tr>
						<td style="width:30%"><fmt:message key="common.no" /></td>
						<td>${detailDTO.changeNo}</td>
					</tr>
					<tr>
						<td><fmt:message key="common.title" /></td>
						<td>${detailDTO.etitle}</td>
					</tr>
					<tr>
						<td><fmt:message key="label.user.description" /></td>
						<td>${detailDTO.edesc}</td>
					</tr>
					<tr>
						<td><fmt:message key="title.change.assigneGroup" /></td>
						<td>${detailDTO.orgName}</td>
					</tr>
					<tr>
						<td><fmt:message key="title.change.assigneeTechnician" /></td>
						<td>${detailDTO.technicianName}</td>
					</tr>
					<tr>	
						<td><fmt:message key="common.category" /></td>
						<td>${detailDTO.categoryName}</td>
					</tr>
					<tr>
						<td><fmt:message key="common.state" /></td>
						<td>${detailDTO.statusName}</td>
					</tr>
					<tr>
						<td><fmt:message key="label.request.priority" /></td>
						<td>${detailDTO.priorityName}</td>
					</tr>
					
					<tr>
						<td><fmt:message key="label.request.effect" /></td>
						<td>${detailDTO.effectRangeName}</td>
					</tr>
					<tr>	
						<td><fmt:message key="label.request.seriousness" /></td>
						<td>${detailDTO.seriousnessName}</td>
					</tr>
					<tr>	
						<td><fmt:message key="lable.scheduledStartTime" /></td>
						<td><fmt:formatDate type="date" value="${detailDTO.planStartTime}"  pattern="yyyy-MM-dd HH:mm:ss" /></td>
					</tr>
					
					<tr>	
						<td><fmt:message key="lable.scheduledEndTime" /></td>
						<td><fmt:formatDate type="date" value="${detailDTO.planEndTime}"  pattern="yyyy-MM-dd HH:mm:ss" /></td>
					</tr>
					<tr>	
						<td><fmt:message key="lable.actualStartTime" /></td>
						<td><fmt:formatDate type="date" value="${detailDTO.actualStartTime}"  pattern="yyyy-MM-dd HH:mm:ss" /></td>
					</tr>
					
					<tr>	
						<td><fmt:message key="lable.actualEndTime" /></td>
						<td><fmt:formatDate type="date" value="${detailDTO.actualEndTime}"  pattern="yyyy-MM-dd HH:mm:ss" /></td>
					</tr>
					<tr>	
						<td><fmt:message key="title.change.apply" /></td>
						<td>${detailDTO.creator}</td>
					</tr>
					<tr>	
						<td><fmt:message key="common.cerateTime" /></td>
						<td><fmt:formatDate type="date" value="${detailDTO.createTime}"  pattern="yyyy-MM-dd HH:mm:ss" /></td>
					</tr>
				</table>
				</form>
				</div>
			</div>
			<!-- end -->
			<!-- start -->
			<div region="center" id="changeInfo_center" split="true" title="<fmt:message key="common.detailInfo" />" style="width:450px">
				<!--  -->
				<div class="easyui-tabs" fit="true" border="false" id="changeInfoTab">
					<div title="<fmt:message key="ci.relatedCI"   />" style="overflow:hidden;padding: 5px;">
						<div class="hisdiv">
							<table class="histable" style="width:100%" cellspacing="1">
							<tr>
								<th><fmt:message key="lable.ci.assetNo" /></th>
								<th><fmt:message key="label.name"/> </th>
								<th><fmt:message key="common.category" /></th>
								<th><fmt:message key="common.state" /></th>
							</tr>
	              			<s:iterator value="detailDTO.cigDTO" status="cig">
		              			<tr>
		              				<td><s:property value="cino"/></td>
								    <td><a href="javascript:itsm.common.utility.tabUtility.reOpenTab('ci!findByciId.action?ciEditId=<s:property value="ciId"/>','<fmt:message key="ci.configureItemInfo" />')"><s:property value="ciname"/></a></td>
								    <td><s:property value="category"/></td>
								    <td><s:property value="status"/></td>
							    </tr>     
							</s:iterator>
							</table>
						</div>
					</div>
					
					<div title="<fmt:message key="change.effectService" />" style="overflow:hidden;padding: 5px">
						<div class="lineTableBgDiv">
							<table  width="100%" class="lineTable" cellspacing="1">
	              			<s:iterator value="detailDTO.sdgDTO" status="sd">
		              			<tr height="20">
								    <td>${sd.index+1}</td><td><s:property value="serviceDirectoryName"/></td>
							    </tr>     
							</s:iterator>
	                		</table>
                		</div>
					</div>
					
					
					<!-- -----关联请求start -->
					<div title="<fmt:message key="change.relatedRequest" />" style="overflow:hidden;padding:3px">
						<table id="relatedRequestGrid"></table>
						<div id="relatedRequestPager"></div>
						
						<div id="relatedRequestGridToolbar" style="display:none">
							<sec:authorize url="/pages/relatedRequest!saveRelatedRequest.action">
								<a class="easyui-linkbutton" plain="true" icon="icon-add" id="relatedRequestGrid_add"><fmt:message key="label.request.add"/></a>
							</sec:authorize>
							<sec:authorize url="/pages/relatedRequest!deleteRelatedRequest.action">	
								<a class="easyui-linkbutton" plain="true" icon="icon-cancel" id="relatedRequestGrid_remove"><fmt:message key="common.delete"/></a>
							</sec:authorize>	
							
							<a class="easyui-linkbutton" plain="true" id="change_relatedRequestGrid_fullsearch" icon="icon-search" ><fmt:message key="label.fullsearch.searchRelatedItems" /></a>
							
						</div>
						
					</div>
					<!-- 关联请求end -->
					
					
					<!-- -----关联问题start -->
					<div title='<fmt:message key="title.problem.relatedProblem" />' style="padding:3px">
						<table id="changeRelatedProblemGrid"></table>
						<div id="changeRelatedProblemGridPager"></div>
						
						<div id="changeRelatedProblemGridToolbar" style="display:none">
								<a class="easyui-linkbutton" plain="true" icon="icon-add" id="changeRelatedProblemGrid_add"><fmt:message key="label.request.add"/></a>
								<a class="easyui-linkbutton" plain="true" icon="icon-cancel" id="changeRelatedProblemGrid_remove"><fmt:message key="common.delete"/></a>
								<a class="easyui-linkbutton" plain="true" id="changeRelatedProblemGrid_fullsearch" icon="icon-search" ><fmt:message key="label.fullsearch.searchRelatedItems" /></a>
						</div>
						
					</div>
					<!-- 关联请求end -->
					
					
					
					<!-- -----计划start -->
					
					<div title="<fmt:message key="change.changePlan" />" style="overflow:hidden;">
						<div class="easyui-tabs" fit="true" border="false" id="changePlanTab">
							
							<!-- 影响 -->
							<div title="<fmt:message key="title.changePlan.effect" />" style="padding: 5px;">
								<div  class="easyui-panel" title="<fmt:message key="tool.mail.toReuqest.effect"/>"  style="padding: 5px;">
									<div id="changeInfo_effect_div">
										<form>
											<div class="show"  id="changeInfo_effect">
												<div id="changeInfo_effect_info">${detailDTO.effect}</div>
												<br>
												<s:if test="detailDTO.effect==null" >
													<a href="javascript:itsm.change.changeInfo.showOrHidd('changeInfo_effect','changeInfo_effect_input')" class="easyui-linkbutton" icon="icon-save" plain="true"><fmt:message key="label.request.add" /></a>
												</s:if>
												<s:else>
													<a href="javascript:itsm.change.changeInfo.showOrHidd('changeInfo_effect','changeInfo_effect_input')" class="easyui-linkbutton" icon="icon-edit" plain="true"><fmt:message key="common.edit" /></a>
												</s:else>
											</div>
											
											<div id="changeInfo_effect_input"  class="hidd">
												<textarea rows="15" style="width: 96%" name="changeDTO.effect" id="changeInfo_effect_text">${detailDTO.effect}</textarea>
												<br>
												<a href="javascript:itsm.change.changeInfo.changePlanSave('changeInfo_effect_div','changeInfo_effect_input','changeInfo_effect','changeInfo_effect_info','changeInfo_effect_text')" class="easyui-linkbutton" icon="icon-save" plain="true"><fmt:message key="common.save" /></a>
												<a href="javascript:itsm.change.changeInfo.showOrHidd('changeInfo_effect_input','changeInfo_effect')" class="easyui-linkbutton" icon="icon-cancel" plain="true"><fmt:message key="common.cancel" /></a>
											</div>
										</form>	
									</div>
								</div>
							</div>
							<!-- 上线计划 -->
							<div title="<fmt:message key="title.changePlan.onLinePlan" />" style="padding: 5px;">
								<div  class="easyui-panel" title="<fmt:message key="title.changePlan.onLinePlan"/>"  style="padding: 5px;">
									<table width="100%">
		
										<tr>	
											<td>
												<div id="changeInfo_onLinePlan_div">
													<form>
														<div class="show"  id="changeInfo_onLinePlan">
															<span id="changeInfo_onLinePlan_info">${detailDTO.onLinePlan}</span>
															<br>
															<s:if test="detailDTO.onLinePlan==null" >
																<a href="javascript:itsm.change.changeInfo.showOrHidd('changeInfo_onLinePlan','changeInfo_onLinePlan_input')" class="easyui-linkbutton" icon="icon-save" plain="true"><fmt:message key="label.request.add" /></a>
															</s:if>
															<s:else>
																<a href="javascript:itsm.change.changeInfo.showOrHidd('changeInfo_onLinePlan','changeInfo_onLinePlan_input')" class="easyui-linkbutton" icon="icon-edit" plain="true"><fmt:message key="common.edit" /></a>
															</s:else>
														</div>
														
														<div id="changeInfo_onLinePlan_input"  class="hidd">
															<textarea rows="15" style="width: 96%" name="changeDTO.onLinePlan" id="changeInfo_onLinePlan_text">${detailDTO.onLinePlan}</textarea>
															<br>
															<a  href="javascript:itsm.change.changeInfo.changePlanSave('changeInfo_onLinePlan_div','changeInfo_onLinePlan_input','changeInfo_onLinePlan','changeInfo_onLinePlan_info','changeInfo_onLinePlan_text')" class="easyui-linkbutton" icon="icon-save" plain="true"><fmt:message key="common.save" /></a>
															<a href="javascript:itsm.change.changeInfo.showOrHidd('changeInfo_onLinePlan_input','changeInfo_onLinePlan')"  class="easyui-linkbutton" icon="icon-cancel" plain="true"><fmt:message key="common.cancel" /></a>
														</div>
													</form>	
												</div>
											</td>
										</tr>

									</table>
								</div>
							</div>
							<!-- 退回计划 -->
							<div title="<fmt:message key="title.changePlan.returnPlan" />" style="padding: 5px;">
								<div  class="easyui-panel" title="<fmt:message key="title.changePlan.returnPlan"/>"  style="padding: 5px;">
									<table width="100%">
										<tr>	
											<td>
												<div id="changeInfo_returnPlan_div">
													<form>
														<div class="show"  id="changeInfo_returnPlan">
															<span id="changeInfo_returnPlan_info">${detailDTO.returnPlan}</span>
															<br>
															<s:if test="detailDTO.returnPlan==null" >
																<a href="javascript:itsm.change.changeInfo.showOrHidd('changeInfo_returnPlan','changeInfo_returnPlan_input')"  class="easyui-linkbutton" icon="icon-save" plain="true"><fmt:message key="label.request.add" /></a>
															</s:if>
															<s:else>
																<a href="javascript:itsm.change.changeInfo.showOrHidd('changeInfo_returnPlan','changeInfo_returnPlan_input')"  class="easyui-linkbutton" icon="icon-edit" plain="true"><fmt:message key="common.edit" /></a>
															</s:else>
														</div>
														
														<div id="changeInfo_returnPlan_input"  class="hidd">
															<textarea rows="15" style="width: 96%" name="changeDTO.returnPlan" id="changeInfo_returnPlan_text">${detailDTO.returnPlan}</textarea>
															<br>
															<a href="javascript:itsm.change.changeInfo.changePlanSave('changeInfo_returnPlan_div','changeInfo_returnPlan_input','changeInfo_returnPlan','changeInfo_returnPlan_info','changeInfo_returnPlan_text')" class="easyui-linkbutton" icon="icon-save" plain="true"><fmt:message key="common.save" /></a>
															<a href="javascript:itsm.change.changeInfo.showOrHidd('changeInfo_returnPlan_input','changeInfo_returnPlan')" class="easyui-linkbutton" icon="icon-cancel" plain="true"><fmt:message key="common.cancel" /></a>
														</div>
													</form>	
												</div>
											</td>
										</tr>
									</table>
								</div>
								
							</div>
							<!-- 检查表 -->
							<div title="<fmt:message key="title.changePlan.checklist" />" style="padding: 5px;">
								<div  class="easyui-panel" title="<fmt:message key="title.changePlan.checklist"/>"  style="padding: 5px;">
									<table width="100%">
										<tr>	
											<td>
												<div id="changeInfo_checklist_div">
													<form>
														<div class="show"  id="changeInfo_checklist">
															<span id="changeInfo_checklist_info">${detailDTO.checklist}</span>
															<br>
															<s:if test="detailDTO.checklist==null" >
																<a href="javascript:itsm.change.changeInfo.showOrHidd('changeInfo_checklist','changeInfo_checklist_input')"  class="easyui-linkbutton" icon="icon-save" plain="true"><fmt:message key="label.request.add" /></a>
															</s:if>
															<s:else>
																<a href="javascript:itsm.change.changeInfo.showOrHidd('changeInfo_checklist','changeInfo_checklist_input')" class="easyui-linkbutton" icon="icon-edit" plain="true"><fmt:message key="common.edit" /></a>
															</s:else>
														</div>
														
														<div id="changeInfo_checklist_input"  class="hidd">
															<textarea rows="15" style="width: 96%" name="changeDTO.checklist" id="changeInfo_checklist_text">${detailDTO.checklist}</textarea>
															<br>
															<a href="javascript:itsm.change.changeInfo.changePlanSave('changeInfo_checklist_div','changeInfo_checklist_input','changeInfo_checklist','changeInfo_checklist_info','changeInfo_checklist_text')" class="easyui-linkbutton" icon="icon-save" plain="true"><fmt:message key="common.save" /></a>
															<a href="javascript:itsm.change.changeInfo.showOrHidd('changeInfo_checklist_input','changeInfo_checklist')" class="easyui-linkbutton" icon="icon-cancel" plain="true"><fmt:message key="common.cancel" /></a>
														</div>
													</form>	
												</div>
											</td>
										</tr>
	
									</table>
								</div>
							</div>
							
						</div>
					</div>
					<!-- 计划end -->
					
					
					<!-- 附件start -->
					<div title="<fmt:message key="common.attachment" />" style="overflow:hidden;padding: 3px;">
						<div class="lineTableBgDiv" id="change_effect_atta_div">
							<form>
								<input type="hidden" name="changeDTO.effectAttachmentStr" id="change_effect_attachmentStr"/>
								<table width="100%" cellspacing="1" class="lineTable">
									<tr>
										<td>
											<input type="file"  name="filedata" id="change_effect_file">
											<div style="padding-top:3px">
												<a class="easyui-linkbutton" icon="icon-ok" href="javascript:itsm.change.changeInfo.change_uploadifyUpload()" ><fmt:message key="label.attachment.upload" /></a>
								            </div>
								            
							             	 <div id="change_effect_fileQueue"></div> 
							              	<input type="hidden" name="knowledgeDto.attachmentStr" id="addKnowledge_attachments"/>
										</td>
									</tr>
									<tr>
										<td>
										<div id="change_effect_success_attachment" style="line-height:25px;color:#555;display: none"></div>
										<div id="show_change_effectAttachment"></div>
										</td>
									</tr>
								</table>
							</form>
						</div>
					</div>
					<!-- 附件end -->
					
					<!-- -----审批start -->
					<div title="<fmt:message key="change.changeApproval" />" style="overflow:hidden;padding: 3px;">
						<table id="changeApprovalGrid"></table>
						<div id="changeApprovalPager"></div>
					</div>
					<!-- 审批end -->
					
					<!-- -----任务start -->
					<div title="<fmt:message key="title.request.task" />" style="padding:3px">
						<table id="changeEventTaskGrid"></table>
						<div id="changeEventTaskGridPager"></div>
					</div>
					<!-- 任务end -->
					
					
					<!-- -----工作明细start -->
					<div title="<fmt:message key="title.request.timeDetail" />" style="overflow:hidden;padding:3px;">
						<table id="changeEventCostGrid"></table>
						<div id="changeEventCostGridPager"></div>
					</div>
					<!-- 工作明细end -->
					
					
					<!-- -----历史记录start -->
					<div title="<fmt:message key="title.request.requestHistory" />" style="padding: 3px;">
						<div class="hisdiv">
							<table id="changeHistoryRecord" class="histable" style="width:100%" cellspacing="1">
								<thead>
									<tr>
									<th style="width: 10%" ><fmt:message key="label.steps" /></th>
									<th style="width: 20%" ><fmt:message key="label.request.requestAction" /></th>
									<th style="width: 40%" ><fmt:message key="label.details" /></th>
									<th style="width: 10%" ><fmt:message key="label.operator" /></th>
									<th style="width: 20%" ><fmt:message key="label.operateTime" /></th>
									</tr>
								</thead>
								<tbody></tbody>
							</table>
						</div>
					</div>
					<!-- 历史记录end -->
					
				</div>
				
			</div>
			<!-- end -->
		</div>
	</div>
	
	
	
	
	
	
	<!-- 关联请求TOOLBar end -->
	
	
	
	<!-- 任务start -->	
	<div id="changeEventTaskActFormatterDiv" style="display: none"><a href="javascript:itsm.change.changeTask.editEventTask()" title="<fmt:message key="common.edit"/>"><img src="../images/icons/edit.gif" /></a>&nbsp;&nbsp;<a href="javascript:itsm.change.changeTask.deleteEventTask()" title="<fmt:message key="common.delete"/>"><img src="../images/icons/delete.gif" /></a></div>
	<div id="changeEventTaskGridToolbar" style="display: none">
		<sec:authorize url="/pages/change!addChangeTask.action">
			<a class="easyui-linkbutton" plain="true" icon="icon-add" onClick="itsm.change.changeTask.addEventTask()"><fmt:message key="common.add"/></a>
		</sec:authorize>	
		<sec:authorize url="/pages/change!editChangeTask.action">
			<a class="easyui-linkbutton" plain="true" icon="icon-edit" onClick="itsm.change.changeTask.editEventTask()"><fmt:message key="common.edit"/></a>
		</sec:authorize>	
		<sec:authorize url="/pages/change!deleteChangeTask.action">
			<a class="easyui-linkbutton" plain="true" icon="icon-cancel" onClick="itsm.change.changeTask.deleteEventTask()"><fmt:message key="common.delete"/></a>
		</sec:authorize>	
	</div>
	
	
	<!-- 任务添加编辑 -->
	<div id="changeAddOrEditEventTaskDiv" class="easyui-window" closed="true" collapsible="false" minimizable="false"
	 maximizable="false" modal="true" title="<fmt:message key="common.add" />/<fmt:message key="common.edit" />" style="width:450px;height:380px;padding: 5px;">
	<form id="changeAddOrEditEventTaskForm">
		<input type="hidden" name="eventTaskDTO.taskId" id="change_taskId" />
		<input type="hidden" name="eventTaskDTO.eno" value="${detailDTO.eno}"/>
		<input type="hidden" name="eventTaskDTO.eventType" value="itsm.change" />
		<table width="100%">
			<tr>
				<td style="width:28%"><fmt:message key="common.title"/></td>
				<td style="width:72%">
					<input name="eventTaskDTO.title" id="change_taskTitle"  class="easyui-validatebox input" required="true" />
				</td>
			</tr>
			<tr>
				<td><fmt:message key="lable.task.location"/></td>
				<td>
					<input name="eventTaskDTO.location" id="change_taskLocation" class="easyui-validatebox input" />
				</td>
			</tr>
			<tr>
				<td><fmt:message key="label.user.description" /></td>
				<td>
					<textarea rows="3" cols="50" name="eventTaskDTO.introduction" id="change_taskDescription" class="easyui-validatebox input" ></textarea>
				</td>
			</tr>
			<tr>
				<td><fmt:message key="common.state" /></td>
				<td>
					<input type="radio" name="eventTaskDTO.taskStatus" id="change_taskStatus" value="0" checked="checked" /><fmt:message key="title.newCreate" />
					<input type="radio" name="eventTaskDTO.taskStatus" id="change_taskStatus1" value="1"/><fmt:message key="title.processing" />
					<input type="radio" name="eventTaskDTO.taskStatus" id="change_taskStatus2" value="2"/><fmt:message key="titie.complete" />
				</td>
			</tr>
			<tr>
				<td><fmt:message key="label.orgSettings.startTime" /></td>
				<td>
					<input name="eventTaskDTO.startTime" id="change_taskStartTime" class="easyui-datebox input" required="true" readonly/>
				</td>
			</tr>
			<tr>
				<td><fmt:message key="label.orgSettings.endTime" /></td>
				<td>
					<input name="eventTaskDTO.endTime" id="change_taskEndTime" class="easyui-datebox easyui-validatebox input" required="true" validType="DateComparison['change_taskStartTime']" readonly/>
				</td>
			</tr>
			<tr>
				<td><fmt:message key="task.allDay" /></td>
				<td>
					<input type="checkbox" name="eventTaskDTO.allDay" value="true" id="change_taskAllDay" />
				</td>
			</tr>
			<tr>
				<td><fmt:message key="task.ownerName" /></td>
				<td>
					<input type="hidden" id="change_taskOwner"  />
					<input id="change_taskOwnerName"  name="eventTaskDTO.owner"  class="easyui-validatebox input" required="true" onclick="itsm.security.userUtil.selectUser('#change_taskOwnerName','#change_taskOwner','','loginName')" readonly="readonly" />
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<br>
					<a  class="easyui-linkbutton" icon="icon-ok" onclick="itsm.change.changeTask.saveEventTask()"><fmt:message key="common.save" /></a>
				</td>
			</tr>
		</table>
	</form>
	</div>
	<!-- 任务end -->
	
	
	
	<!-- 进展及成本 start -->	
	<div id="changeEventCostActFormatterDiv" style="display: none"><a href="javascript:itsm.change.changeEventCost.editEventCost()" title="<fmt:message key="common.edit"/>"><img src="../images/icons/edit.gif" /></a>&nbsp;&nbsp;<a href="javascript:itsm.change.changeEventCost.deleteEventCost()" title="<fmt:message key="common.delete"/>"><img src="../images/icons/delete.gif" /></a></div>
	<div id="changeEventCostGridToolbar" style="display: none">
		<sec:authorize url="/pages/change!addChangeWorkDetails.action">
			<a class="easyui-linkbutton" plain="true" icon="icon-add" onClick="itsm.change.changeEventCost.addEventCost()"><fmt:message key="common.add"/></a>
		</sec:authorize>
		<sec:authorize url="/pages/change!editChangeWorkDetails.action">	
			<a class="easyui-linkbutton" plain="true" icon="icon-edit" onClick="itsm.change.changeEventCost.editEventCost()"><fmt:message key="common.edit"/></a>
		</sec:authorize>
		<sec:authorize url="/pages/change!deleteChangeWorkDetails.action">	
			<a class="easyui-linkbutton" plain="true" icon="icon-cancel" onClick="itsm.change.changeEventCost.deleteEventCost()"><fmt:message key="common.delete"/></a>
		</sec:authorize>	
	</div>
	<div id="changeAddOrEditEventCostDiv" class="easyui-window" closed="true" collapsible="false" minimizable="false"
	 maximizable="false" modal="true" title="<fmt:message key="common.add" />/<fmt:message key="common.edit" />" style="width:500px;height:auto;padding: 5px;">
	<form id="changeAddOrEditEventCostForm">
		<input type="hidden" name="costDTO.progressId" id="change_progressId" />
		<input type="hidden" name="costDTO.eno" value="${detailDTO.eno}" />
		<input type="hidden" name="costDTO.eventType" value="itsm.change"/>
		<table width="100%">
			<tr>
				<tr>
				<td><fmt:message key="label.request.theTechnician" />&nbsp;<span style="color:red">*</span></td>
				<td>
					<input id="change_costUserName" style="width: 80%" onclick="itsm.security.userUtil.selectUser('#change_costUserName','#change_costUserId','','loginName')"  class="easyui-validatebox" required="true" readonly="readonly"/>
					<input type="hidden"  name="costDTO.userId" id="change_costUserId"  /></td>
			</tr>

			
			<tr>
				<td><fmt:message key="title.executeTime" /></td>
				<td><input style="width: 80%" name="costDTO.opertionTime" id="change_opertionTime" class="easyui-datebox"/></td>
			</tr>
			<tr>
				<td><fmt:message key="title.spendTime" /></td>
				<td>
					<input style="width: 80%" name="costDTO.useTime" id="change_useTime" onKeyUp="calcTechnicianCost('change_skillFees','change_useTime','change_perHourFees','change_othersFees','change_totalFees')" value="0" class="easyui-numberbox" />
					(<fmt:message key="label.sla.hour" />)
				</td>
			</tr>
			<!--  -->
			<tr>
				<td><fmt:message key="titie.technicianPerHourCost" /></td>
				<td><input  style="width: 80%" name="costDTO.perHourFees" id="change_perHourFees" readonly="readonly" value="0"/>
				(<span id="change_perHourFees_currency"></span>)</td>
			</tr>
			
			<tr>
				<td><fmt:message key="titie.technicianCost" /></td>
				<td><input style="width: 80%" name="costDTO.skillFees" id="change_skillFees" value="0" class="easyui-numberbox"  onKeyUp="calcTechnicianTotalCost('change_totalFees','change_skillFees','change_perHourFees')"/>
				(<span id="change_skillFees_currency"></span>)
				</td>
			</tr>
			<tr>
				<td><fmt:message key="title.otherCost" /></td>
				<td><input style="width: 80%" name="costDTO.othersFees" id="change_othersFees" value="0" class="easyui-numberbox"  onKeyUp="calcTechnicianTotalCost('change_totalFees','change_skillFees','change_othersFees')"/>
				(<span id="change_othersFees_currency"></span>)
				</td>
			</tr>
			
			<tr>
				<td><fmt:message key="title.totalCost" /></td>
				<td><input style="width: 80%" name="costDTO.totalFees" id="change_totalFees" value="0"  readonly="readonly"/>
				(<span id="change_totalFees_currency"></span>)
				</td>
			</tr>
			
			<tr>
				<td><fmt:message key="label.user.description" /></td>
				<td>
					<textarea rows="3"  style="width: 80%" name="costDTO.description" id="change_description"></textarea>
				</td>
			</tr>
			<tr>
				<td><fmt:message key="title.change.belongsStage" /></td>
				<td>
					<input  style="width: 80%" name="costDTO.stage" id="change_stage" />
				</td>
			</tr>
			<tr>
				<td><fmt:message key="title.change.result" /></td>
				<td>
					<input type="radio" name="costDTO.status" id="change_costStatus" value="1" checked="checked"/><fmt:message key="title.processing" />
					<input type="radio" name="costDTO.status" id="change_costStatus1" value="2" /><fmt:message key="titie.complete" />
				</td>
			</tr>
			<tr>
				<td><fmt:message key="title.request.task" /></td>
				<td>
					<input type="hidden" name="costDTO.taskId" id="change_costTaskId">
					<input name="wdDTO.eventTask"  style="width: 80%" id="change_costEventTaskTitle" onclick="itsm.change.changeEventCost.selectRelatedEventTask()" readonly="readonly" />
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<br>
					<a class="easyui-linkbutton" icon="icon-ok"  onclick="itsm.change.changeEventCost.saveEventCost()"><fmt:message key="common.save"/></a>
				</td>
			</tr>
		</table>
	</form>
	</div>
	<!-- 进展及成本end -->
	
	<!-- 变更审批start -->
	<div id="approvalActFormatterDiv" style="display: none"><a href="javascript:itsm.change.changeApproval.deleteApproval_aff()" title="<fmt:message key="common.delete"/>"><img src="../images/icons/delete.gif" /></a></div>
	<div id="approvalGridToolbar" style="display: none">
		<s:if test="%{detailDTO.statusCode=='change_plan'}"></s:if>
		<sec:authorize url="/pages/relatedRequest!saveRelatedRequest.action">
			<a class="easyui-linkbutton" plain="true" icon="icon-add"  onclick="itsm.change.changeApproval.selectCabMemberWin()" ><fmt:message key="common.add"/></a>
		</sec:authorize>	
		<sec:authorize url="/pages/change!deleteApproveComment.action">
			<a class="easyui-linkbutton" plain="true" icon="icon-cancel" onclick="itsm.change.changeApproval.deleteApproval_aff()" ><fmt:message key="common.delete"/></a>
		</sec:authorize>	
		
	</div>
	
	<!-- 变更审批人员确定 -->
	<div id="selectApprovalCheck" style="display: none"><a href="javascript:itsm.change.changeApproval.select_approval_aff()" title="<fmt:message key="common.select"/>"><img src="../images/icons/ok.png" /></a></div>
	
	<div id="selectCABMemberToolBar" style="display: none;">&nbsp;&nbsp;CAB:<select id="cabMemberOption" onchange="itsm.change.changeApproval.selectChange(this.value)"></select></div>
	
	<div id="selectCABMember" class="easyui-window" closed="true" collapsible="false" minimizable="false"
	 maximizable="false" modal="true" title="<fmt:message key="title.selectCabMember" />" style="width:520px;height:350px;padding: 2px;">
	 	<div style="width:500px;">
	 	<table id="selectCABMemberGrid"></table>
		<div id="selectCABMemberPager"></div>
		</div>
	 </div>
	<!-- 变更审批end -->
	
	<!-- 公共值 -->
	<div id="changeActionComm">
		<form>
			<input type="hidden" name="changeDTO.eno" value="${detailDTO.eno}" />
			<input type="hidden" name="changeDTO.pid" value="${detailDTO.pid}" />
			<input type="hidden" name="historyRecordDto.operator" value="${loginUserName}" />
		</form>
	</div>
	
	<!--指派技术员-->
	<div id="assingeeTechnician_win" class="easyui-window" closed="true" modal="true"  title="<fmt:message key="title.change.assigneeTechnician" />" minimizable="false" maximizable="false" collapsible="false" style="width:380px;height:auto">
		<form>
			<input type="hidden" name="changeDTO.changeAction" value="assingeeTechnician" />
			<input type="hidden" name="historyRecordDto.logTitle" value="<fmt:message key="title.change.assigneeTechnician" />" />
			<div class="lineTableBgDiv">
				<table style="width:100%" class="lineTable" cellspacing="1">
					<tr>
						<td><fmt:message key="label.request.theTechnician" />&nbsp;<span style="color:red">*</span></td>
						<td>
						<input id="change_assignee_technicianName" class="easyui-validatebox choose" required="true"  readonly="readonly" > 
						<input type="hidden" name="changeDTO.technicianNo" id="change_assignee_technicianNo"  /></td>
					</tr>
					<tr>
						<td><fmt:message key="label.role.roleMark" /></td>
						<td><textarea class="textarea" id="assingeeTechnician_remark"></textarea></td>
					</tr>
					<tr>
						<td colspan="2">
							<br>
							<a class="easyui-linkbutton" plain="false" icon="icon-ok" onclick="itsm.change.changeInfo.assingeeTechnician_opt()"><fmt:message key="title.request.assign" /></a>
						</td>
					</tr>
				</table>
			</div>
		</form>
	</div>
	
	<!--制定变更计划-->
	<div id="startChangePlan_win" class="easyui-window" closed="true" modal="true"  title="<fmt:message key="title.change.plan" />" minimizable="false" maximizable="false" collapsible="false" style="width:380px;height:auto;">
		<form>
			<input type="hidden" name="changeDTO.changeAction" value="startChangePlan" />
			<input type="hidden" name="historyRecordDto.logTitle" value="<fmt:message key="title.change.plan" />" />
			<div class="lineTableBgDiv">
				<table style="width:100%" class="lineTable" cellspacing="1">
					<tr>
						<td><fmt:message key="label.role.roleMark" /></td>
						<td><textarea class="textarea" id="startChangePlan_remark"></textarea></td>
					</tr>
					<tr>
						<td colspan="2">
							<a class="easyui-linkbutton" plain="false" icon="icon-ok" onclick="itsm.change.changeInfo.startChangePlan_opt()"><fmt:message key="common.submit" /></a>
						</td>
					</tr>
				</table>
			</div>
		</form>
	</div>
	
	
	<!--提交审批-->
	<div id="submitApprover_win" class="easyui-window" closed="true" modal="true"  title="<fmt:message key="title.change.submitApprover" />" minimizable="false" maximizable="false" collapsible="false" style="width:380px;height:auto">
		<form>
			<input type="hidden" name="changeDTO.changeAction" value="submitApprover" />
			<input type="hidden" name="historyRecordDto.logTitle" value="<fmt:message key="title.change.submitApprover" />" />
			<div class="lineTableBgDiv">
				<table style="width:100%" class="lineTable" cellspacing="1">
					<tr>
						<td><fmt:message key="label.role.roleMark" /></td>
						<td><textarea class="textarea" id="submitApprover_remark"></textarea></td>
					</tr>
					<tr>
						<td colspan="2">
							<a class="easyui-linkbutton" plain="false" icon="icon-ok" onclick="itsm.change.changeInfo.submitApprover_opt()"><fmt:message key="title.change.submitApprover" /></a>
						</td>
					</tr>
				</table>
			</div>
		</form>
	</div>
	<!--成员审批-->
	<div id="memberApprover_win" class="easyui-window" closed="true" modal="true"  title="<fmt:message key="title.change.memberApprover" />" minimizable="false" maximizable="false" collapsible="false" style="width:380px;height:auto">
		<form>
			<input type="hidden" name="changeDTO.changeAction" value="memberApprover" />
			<input type="hidden" name="historyRecordDto.logTitle" value="<fmt:message key="title.change.memberApprover" />" />
			<div class="lineTableBgDiv">
				<table style="width:100%" class="lineTable" cellspacing="1">
					<tr>
						<td><fmt:message key="label.role.roleMark" /></td>
						<td>
							<input type="hidden" name="changeDTO.taskId" id="memberApprover_taskId" />
							<input type="hidden" name="acDTO.approver" id="memberApprover_approver" value="${SPRING_SECURITY_LAST_USERNAME}" />
							<textarea class="textarea"  name="acDTO.comment" id="memberApprover_comment"></textarea>
						</td>
					</tr>
					<tr>
						<td colspan="2">
							<a class="easyui-linkbutton" plain="false" icon="icon-ok" onclick="itsm.change.changeInfo.memberApprover_opt('true')"><fmt:message key="label.request.requestApprovalAgree" /></a>
							<a class="easyui-linkbutton" plain="false" icon="icon-cancel" onclick="itsm.change.changeInfo.memberApprover_opt('false')"><fmt:message key="label.request.requestApprovalDisagree" /></a>
						</td>
					</tr>
				</table>
			</div>
		</form>
	</div>
	<!--实施完成-->
	<div id="implementComplete_win" class="easyui-window" closed="true" modal="true"  title="<fmt:message key="title.change.implementComplete" />" minimizable="false" maximizable="false" collapsible="false" style="width:380px;height:auto">
		<form>
			<input type="hidden" name="changeDTO.changeAction" value="implementComplete" />
			<input type="hidden" name="historyRecordDto.logTitle" value="<fmt:message key="title.change.implementComplete" />" />
			<div class="lineTableBgDiv">
				<table style="width:100%" class="lineTable" cellspacing="1">
					<tr>
						<td><fmt:message key="label.role.roleMark" /></td>
						<td><textarea class="textarea" id="implementComplete_remark"></textarea></td>
					</tr>
					<tr>
						<td colspan="2">
							<a class="easyui-linkbutton" plain="false" icon="icon-ok" onclick="itsm.change.changeInfo.implementComplete_opt()"><fmt:message key="title.change.implementComplete" /></a>
						</td>
					</tr>
				</table>
			</div>
		</form>
	</div>
	
	<!--变更复审-->
	<div id="review_win" class="easyui-window" closed="true" modal="true"  title="<fmt:message key="title.change.reviewResult" />" minimizable="false" maximizable="false" collapsible="false" style="width:380px;height:auto">
		<form>
			<input type="hidden" name="changeDTO.changeAction" value="review" />
			<input type="hidden" name="historyRecordDto.logTitle" value="<fmt:message key="title.change.reviewResult" />" />
			<div class="lineTableBgDiv">
				<table style="width:100%" class="lineTable" cellspacing="1">
					<tr>
						<td><fmt:message key="label.role.roleMark" /></td>
						<td>
							<textarea class="textarea" id="review_remark"></textarea>
						</td>
					</tr>
					<tr>
						<td colspan="2">
							<a class="easyui-linkbutton" plain="false" icon="icon-ok" onclick="itsm.change.changeInfo.review_opt('close')"><fmt:message key="label.request.close" /></a>
							<a class="easyui-linkbutton" plain="false" icon="icon-cancel" onclick="itsm.change.changeInfo.review_opt('goBack')"><fmt:message key="title.change.backImplementComplete" /></a>
						</td>
					</tr>
				</table>
			</div>
		</form>
	</div>

	<!-- 任务选择 -->
	<div id="change_relatedEventTaskGrid_win" class="easyui-window" closed="true" modal="true"  title="<fmt:message key="title.change.selectRelatedTask" />" minimizable="false" maximizable="false" collapsible="false" style="width:520px;height:380px;padding: 0px;">
		<table id="change_relatedEventTaskGrid"></table>
   		<div id="change_relatedEventTaskGridPager"></div>
	</div>
	
	
</div>