<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglib.jsp"%>
<html>
<head>
	<title>流程表管理</title>
	<meta name="decorator" content="default"/>
	<%@include file="/webpage/include/treetable.jsp" %>
	<script type="text/javascript">
		$(document).ready(function() {
			/*var tpl = $("#treeTableTpl").html().replace(/(\/\/\<!\-\-)|(\/\/\-\->)/g,"");
			var data = ${fns:toJson(list)}, ids = [], rootIds = [];
			for (var i=0; i<data.length; i++){
				ids.push(data[i].id);
			}
			ids = ',' + ids.join(',') + ',';
			for (var i=0; i<data.length; i++){
				if (ids.indexOf(','+data[i].parentId+',') == -1){
					if ((','+rootIds.join(',')+',').indexOf(','+data[i].parentId+',') == -1){
						rootIds.push(data[i].parentId);
					}
				}
			}
			for (var i=0; i<rootIds.length; i++){
				addRow("#treeTableList", tpl, data, rootIds[i], true);
			}
			$("#treeTable").treeTable({expandLevel : 5});*/
            $("#treeTable").treeTable({expandLevel : 2,column:1}).show();
		});
		function addRow(list, tpl, data, pid, root){
			for (var i=0; i<data.length; i++){
				var row = data[i];
				if ((${fns:jsGetVal('row.parentId')}) == pid){
					$(list).append(Mustache.render(tpl, {
						dict: {
						blank123:0}, pid: (root?0:pid), row: row
					}));
					addRow(list, tpl, data, row.id);
				}
			}
		}

		function refresh(){//刷新

			window.location="${ctx}/workactivitymenu/workActivityMenu/";
		}
	</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="form_basic.html#">
					<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="workActivityMenu" action="${ctx}/workactivitymenu/workActivityMenu/workActivityMenuList" method="post" class="form-inline">
		<div class="form-group">
				<label>名称：</label>
				<form:input path="name" htmlEscape="false" maxlength="100" class="form-control input-sm"/>
				<form:hidden id="officeId" path="officeId" value="${officeId}" htmlEscape="false" maxlength="100" class="form-control input-sm"/>
		</div>
	</form:form>
	<br/>
	</div>
	</div>

	<!-- 工具栏 -->
	<div class="row">
	<div class="col-sm-12">
		<div class="pull-left">
			<shiro:hasPermission name="workactivitymenu:workActivityMenu:add">
				<table:addRow url="${ctx}/workactivitymenu/workActivityMenu/form?officeId=${officeId}" title="流程表"></table:addRow><!-- 增加按钮 -->
			</shiro:hasPermission>
	       <button class="btn btn-white btn-sm " data-toggle="tooltip" data-placement="left" onclick="refresh()" 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="treeTable" class="table table-striped table-bordered table-hover table-condensed dataTables-example dataTable">
			<thead>
				<tr>
					<th style="width: 20%">功能名称</th>
					<th style="width: 20%">名称</th>
					<th style="width: 20%">更新时间</th>
					<th style="width: 20%">公司/部门</th>
					<th style="width: 20%">操作</th>
				</tr>
			</thead>
			<%--<tbody id="treeTableList"></tbody>--%>
			<tbody>
			<c:forEach items="${list}" var="menu">
				<tr id="${menu.id}" pId="${menu.parent.id ne '1'?menu.parent.id:'0'}">
					<td>
							${menu.functionalName}
					</td>
					<td>
						<c:choose>
						<c:when test="${menu.companyId ne '0' || not empty menu.processKey}">
							<a  href="javascript:void(0)" onclick="openDialogView('查看流程表', '${ctx}/workactivitymenu/workActivityMenu/form?id=${menu.id}&view=view','80%','80%')">
									${menu.name}
							</a>
						</c:when>
							<c:otherwise>
								${menu.name}
							</c:otherwise>
						</c:choose>
					</td>
					<td>
						<fmt:formatDate value="${menu.updateDate}" pattern="yyyy-MM-dd HH:mm:ss"/>
					</td>
					<td>${menu.officeName}</td>
					<td>
						<c:choose>
							<c:when test="${menu.companyId ne '0'}">
								<shiro:hasPermission name="workactivitymenu:workActivityMenu:view">
									<a href="javascript:void(0)" onclick="openDialogView('查看流程表', '${ctx}/workactivitymenu/workActivityMenu/form?id=${menu.id}&view=view','80%','80%')" class="btn btn-info btn-xs" ><i class="fa fa-search-plus"></i>  查看</a>
								</shiro:hasPermission>
								<shiro:hasPermission name="workactivitymenu:workActivityMenu:edit">
									<a href="javascript:void(0)" onclick="openDialog('修改流程表', '${ctx}/workactivitymenu/workActivityMenu/form?id=${menu.id}','80%','80%')" class="btn btn-success btn-xs" ><i class="fa fa-edit"></i> 修改</a>
								</shiro:hasPermission>
								<shiro:hasPermission name="workactivitymenu:workActivityMenu:del">
                                 <a href="${ctx}/workactivitymenu/workActivityMenu/delete?id=${menu.id}" onclick="return confirmx('确认要删除该流程表及所有子流程表吗？', this.href)" class="btn btn-danger btn-xs" ><i class="fa fa-trash"></i> 删除</a>
                             	</shiro:hasPermission>
								<a href="javascript:void(0)" onclick="openDialog('同步流程表', '${ctx}/workactivitymenu/workActivityMenu/form?id=${menu.id}&view=copy','800px', '250px')" class="btn btn-info btn-xs" ><i class="fa fa-refresh"></i>  流程同步</a>

								<%--<shiro:hasPermission name="workactivitymenu:workActivityMenu:add">
									 <a href="javascript:void(0)" onclick="openDialog('添加部门流程', '${ctx}/workactivitymenu/workActivityMenu/form?parent.id={{row.id}}','80%','80%')" class="btn btn-primary btn-xs" ><i class="fa fa-plus"></i> 添加部门流程</a>
								 </shiro:hasPermission>--%>
							</c:when>
							<c:when test="${menu.companyId eq '0' && not empty menu.processKey}">
								<shiro:hasPermission name="workactivitymenu:workActivityMenu:view">
									<a href="javascript:void(0)" onclick="openDialogView('查看流程表', '${ctx}/workactivitymenu/workActivityMenu/form?id=${menu.id}&view=view','80%','80%')" class="btn btn-info btn-xs" ><i class="fa fa-search-plus"></i>  查看</a>
								</shiro:hasPermission>
								<a href="javascript:void(0)" onclick="javascript:parent.layer.msg('无操作权限!',{icon:5})" class="btn btn-default btn-xs"><i class="fa fa-edit"></i>修改</a>
								<a href="javascript:void(0)" onclick="javascript:parent.layer.msg('无操作权限!',{icon:5})" class="btn btn-default btn-xs"><i class="fa fa-trash"></i> 删除</a>
								<a href="javascript:void(0)" onclick="javascript:parent.layer.msg('无操作权限!',{icon:5})" class="btn btn-default btn-xs"><i class="fa fa-refresh"></i> 流程同步</a>
							</c:when>
							<c:otherwise>
								<a href="javascript:void(0)" onclick="javascript:parent.layer.msg('无操作权限!',{icon:5})" class="btn btn-default btn-xs"><i class="fa fa-search-plus"></i>查看</a>
								<a href="javascript:void(0)" onclick="javascript:parent.layer.msg('无操作权限!',{icon:5})" class="btn btn-default btn-xs"><i class="fa fa-edit"></i>修改</a>
								<a href="javascript:void(0)" onclick="javascript:parent.layer.msg('无操作权限!',{icon:5})" class="btn btn-default btn-xs"><i class="fa fa-trash"></i> 删除</a>
								<a href="javascript:void(0)" onclick="javascript:parent.layer.msg('无操作权限!',{icon:5})" class="btn btn-default btn-xs"><i class="fa fa-refresh"></i> 流程同步</a>
							</c:otherwise>
						</c:choose>
					</td>
				</tr>
			</c:forEach>
			</tbody>
		</table>

</body>
</html>