<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglib.jsp"%>
<style type="text/css">
	tr{
		white-space: nowrap;
	}
	td span,
	td{
		/*word-break: keep-all;!*必须*!*/
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	td span{
		/*width:inherit;*/
		display: inline-block;
	}
</style>
<div class="layui-col-sm12 layui-col-md12 layui-col-lg12 workflow-table">
	<table class="table table-striped table-bordered table-hover table-condensed details">
		<thead>
		<tr>
			<th width="150" style="text-align: center;">审批环节</th>
			<th width="150" style="text-align: center;">审批角色</th>
			<th width="200" style="text-align: center;">审批人</th>
			<th width="150" style="text-align: center;">开始时间</th>
			<th width="150" style="text-align: center;">结束时间</th>
			<th  style="text-align: center;">提交意见</th>
			<th width="100" style="text-align: center;">任务历时</th>
		</tr>
		</thead>
		<tbody>
		<c:forEach items="${histoicFlowList}" var="act" varStatus="var">
			<tr>
				<c:choose>
					<c:when test="${act.endDate !=null && act.beginDate != null}">
						<td id="start" style="width:150px;text-align:center;"><span title="${act.taskName}" class="down-step">${act.taskName}</span></td>
					</c:when>
					<c:when test="${act.endDate ==null && act.beginDate != null}">
						<td id="start" style="width:150px;text-align:center;"><span title="${act.taskName}" class="cur-step">${act.taskName}</span></td>
					</c:when>
					<c:when test="${act.endDate ==null && act.beginDate == null}">
						<td id="start" style="width:150px;text-align:center;"><span  title="${act.taskName}">${act.taskName}</span></td>
					</c:when>
					<c:otherwise>
						<td id="start" style="width:150px;text-align:center;"><span title="${act.taskName}">${act.taskName}</span></td>
					</c:otherwise>
				</c:choose>
				<td style="width: 150px;">
					<span title="${act.roleName}">${act.roleName}</span>
						<%--<c:choose>
                            <c:when test="${empty act.assigneeName && empty act.histIns.endTime}">
                                待签收
                            </c:when>
                            &lt;%&ndash;<c:when test="${empty act.assigneeName && not empty act.histIns.endTime}">
                                已结束
                            </c:when>&ndash;%&gt;
                            <c:otherwise>
                                ${act.assigneeName}
                            </c:otherwise>
                        </c:choose>--%>
				</td>
				<td style="width: 150px;">
					<span title="${act.assigneeName}"><span title="${act.assigneeName}">${fns:abbr(act.assigneeName,30)}</span></span>
						<%--<c:choose>
                            <c:when test="${empty act.assigneeName && empty act.histIns.endTime}">
                                待签收
                            </c:when>
                            &lt;%&ndash;<c:when test="${empty act.assigneeName && not empty act.histIns.endTime}">
                                已结束
                            </c:when>&ndash;%&gt;
                            <c:otherwise>
                                ${act.assigneeName}
                            </c:otherwise>
                        </c:choose>--%>
				</td>
				<td>
					<c:choose>
						<c:when test="${act.histIns.startTime !=null}">
							<fmt:formatDate value="${act.histIns.startTime}" type="both"/>
						</c:when>
						<c:otherwise>
							<fmt:formatDate value="${act.beginDate}" type="both"/>
						</c:otherwise>
					</c:choose>
				</td>
				<td>
					<c:choose>
						<c:when test="${act.histIns.endTime !=null}">
							<fmt:formatDate value="${act.histIns.endTime}" type="both"/>
						</c:when>
						<c:otherwise>
							<fmt:formatDate value="${act.endDate}" type="both"/>
						</c:otherwise>
					</c:choose>
				</td>
				<td style="">

					<c:choose>
						<c:when test="${empty act.comment && empty act.histIns.endTime  && var.index==0}">
							<span>发起申请</span>
						</c:when>
						<c:when test="${empty act.comment && empty act.endDate  && var.index==0}">
							<span>发起申请</span>
						</c:when>
						<c:when test="${empty act.comment && not empty act.histIns.endTime && act.histIns.activityName eq '结束'}">
							<span>流程结束</span>
						</c:when>
						<c:otherwise>
							<span title="${act.comment }">${act.comment }</span>
						</c:otherwise>
					</c:choose>

				</td>
				<td>
					<span title="${act.durationTime}">${act.durationTime}</span>

						<%--<c:choose>
                            <c:when test="${not empty act.histIns.startTime && not empty act.histIns.endTime && empty act.durationTime}">
                                0秒
                            </c:when>
                            <c:when test="${not empty act.beginDate && not empty act.endDate && empty act.durationTime}">
                                0秒
                            </c:when>
                            <c:otherwise>
                                ${act.durationTime}
                            </c:otherwise>
                        </c:choose>--%>
				</td>
			</tr>
		</c:forEach>
		</tbody>
	</table>
</div>
<%--<table class="table table-striped table-bordered table-condensed">--%>
<%--<tr><th>审批环节</th><th>审批人</th><th>开始时间</th><th>结束时间</th><th>提交意见</th><th>任务历时</th></tr>--%>
<%--<c:forEach items="${histoicFlowList}" var="act" varStatus="var">--%>
<%--<tr>--%>
<%--<c:choose>--%>
<%--<c:when test="${act.histIns.endTime !=null && not empty act.histIns.activityName}">--%>
<%--<td id="start" style="width:120px;text-align:center;background-color:#5BA276;"><span style="color:#FFFFFF;">${act.histIns.activityName}</span></td>--%>
<%--</c:when>--%>
<%--<c:when test="${act.histIns.endTime ==null && not empty act.histIns.activityName}">--%>
<%--<td id="start" style="width:80px;text-align:center;background-color:red;"><span style="color:#FFFFFF;">${act.histIns.activityName}</span></td>--%>
<%--</c:when>--%>
<%--<c:when test="${act.endDate !=null && not empty act.taskName}">--%>
<%--<td id="start" style="width:120px;text-align:center;background-color:#5BA276;"><span style="color:#FFFFFF;">${act.taskName}</span></td>--%>
<%--</c:when>--%>
<%--<c:otherwise>--%>
<%--<td id="start" style="width:80px;text-align:center;background-color:#5BA276;"><span style="color:#FFFFFF;">${act.taskName}</span></td>--%>
<%--</c:otherwise>--%>
<%--</c:choose>--%>
<%--<td>--%>
<%--${act.assigneeName}--%>
<%--&lt;%&ndash;<c:choose>--%>
<%--<c:when test="${empty act.assigneeName && empty act.histIns.endTime}">--%>
<%--待签收--%>
<%--</c:when>--%>
<%--&lt;%&ndash;<c:when test="${empty act.assigneeName && not empty act.histIns.endTime}">--%>
<%--已结束--%>
<%--</c:when>&ndash;%&gt;--%>
<%--<c:otherwise>--%>
<%--${act.assigneeName}--%>
<%--</c:otherwise>--%>
<%--</c:choose>&ndash;%&gt;--%>
<%--</td>--%>
<%--<td>--%>
<%--<c:choose>--%>
<%--<c:when test="${act.histIns.startTime !=null}">--%>
<%--<fmt:formatDate value="${act.histIns.startTime}" type="both"/>--%>
<%--</c:when>--%>
<%--<c:otherwise>--%>
<%--<fmt:formatDate value="${act.beginDate}" type="both"/>--%>
<%--</c:otherwise>--%>
<%--</c:choose>--%>
<%--</td>--%>
<%--<td>--%>
<%--<c:choose>--%>
<%--<c:when test="${act.histIns.endTime !=null}">--%>
<%--<fmt:formatDate value="${act.histIns.endTime}" type="both"/>--%>
<%--</c:when>--%>
<%--<c:otherwise>--%>
<%--<fmt:formatDate value="${act.endDate}" type="both"/>--%>
<%--</c:otherwise>--%>
<%--</c:choose>--%>
<%--</td>--%>
<%--<td style="word-wrap:break-word;word-break:break-all;">--%>
<%--<c:choose>--%>
<%--<c:when test="${empty act.comment && empty act.histIns.endTime  && var.index==0}">--%>
<%--发起申请--%>
<%--</c:when>--%>
<%--<c:when test="${empty act.comment && empty act.endDate  && var.index==0}">--%>
<%--发起申请--%>
<%--</c:when>--%>
<%--<c:when test="${empty act.comment && not empty act.histIns.endTime && act.histIns.activityName eq '结束'}">--%>
<%--流程结束--%>
<%--</c:when>--%>
<%--<c:otherwise>--%>
<%--${act.comment }--%>
<%--</c:otherwise>--%>
<%--</c:choose>--%>
<%--</td>--%>
<%--<td>--%>
<%--${act.durationTime}--%>
<%--&lt;%&ndash;<c:choose>--%>
<%--<c:when test="${not empty act.histIns.startTime && not empty act.histIns.endTime && empty act.durationTime}">--%>
<%--0秒--%>
<%--</c:when>--%>
<%--<c:when test="${not empty act.beginDate && not empty act.endDate && empty act.durationTime}">--%>
<%--0秒--%>
<%--</c:when>--%>
<%--<c:otherwise>--%>
<%--${act.durationTime}--%>
<%--</c:otherwise>--%>
<%--</c:choose>&ndash;%&gt;--%>
<%--</td>--%>
<%--</tr>--%>
<%--</c:forEach>--%>
<%--</table>--%>