HLT
/
HLT.gov.zfdm

<!DOCTYPE html>
<%@ page contentType="text/html;charset=utf-8"%>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<%@ include file="/WEB-INF/jsp/assets.jsp"%>
<script src="${rootUrl }plugins/datepicker/4.8/WdatePicker.js"
	type="text/javascript"></script>
<link href="${rootUrl }plugins/treetable/jquery.treetable.css"
	rel="stylesheet" />
<script src="${rootUrl }plugins/treetable/jquery.treetable.js"></script>
<script type="text/javascript">
	$(function() {
		$("#myManage").taiji({
			enableAclCheck : true
		}).on("taijiSearchSuccess", function() {
			$("#my-table").treetable({
				expandable : true,
				initialState : "expanded",
				indent : 20
			}, true);
		}).on("taijiOperateSuccess", function() {
			$("#listForm").submit();
		});
	});
</script>

<style type="text/css">
table.treetable tr.expanded span.indenter a::before {
	content: "\f146";
	font: normal normal normal 14px/1 FontAwesome;
	color: #888;
}

table.treetable tr.collapsed span.indenter a::before {
	content: "\f0fe";
	font: normal normal normal 14px/1 FontAwesome;
	color: #888;
}
</style>
</head>
<body>
	<div id="page-loader" class="fade in">
		<span class="spinner"></span>
	</div>
	<!-- begin #page-container -->
	<div id="page-container" class="fade">
		<!-- begin #header -->
		<%@ include file="/WEB-INF/jsp/header.jsp"%>
		<!-- end #header -->

		<!-- begin #sidebar -->
		<%@ include file="/WEB-INF/jsp/sidebar.jsp"%>
		<!-- end #sidebar -->

		<!-- begin #content -->
		<div id="content" class="content">
			<ol class="breadcrumb pull-right">
			</ol>

			<!-- begin row -->
			<div class="row">
				<!-- begin col-12 -->
				<div class="col-md-12">
					<!-- begin panel -->
					<div id="myManage" class="panel panel-inverse">
						<div class="panel-heading">
							<div class="panel-heading-btn">
								<a href="javascript:;"
									class="btn btn-xs btn-icon btn-circle btn-default"
									data-click="panel-expand"><i class="fa fa-expand"></i></a> <a
									href="javascript:;"
									class="btn btn-xs btn-icon btn-circle btn-success"
									data-click="panel-reload"><i class="fa fa-repeat"></i></a> <a
									href="javascript:;"
									class="btn btn-xs btn-icon btn-circle btn-warning"
									data-click="panel-collapse"><i class="fa fa-minus"></i></a> <a
									href="javascript:;"
									class="btn btn-xs btn-icon btn-circle btn-danger"
									data-click="panel-remove"><i class="fa fa-times"></i></a>
							</div>
							<h4 class="panel-title">临时巡查任务</h4>
						</div>
						<div class="panel-body">
							<a href="${rootUrl }app/zfdpatrol/add"
								class="taiji_modal taiji_acl btn  btn-success m-r-10"><i
								class="fa fa-plus m-r-5"></i>添加临时巡查任务</a>
							<form:form modelAttribute="queryModel"
								cssClass="taiji_search_form form-inline m-t-5 " id="listForm"
								name="listForm" action="${rootUrl}app/zfdpatrol/manage"
								method="post">
								<div class="form-group">
									<form:input path="planName" maxlength="100"
										cssClass="form-control" placeholder="巡查计划名称" />
								</div>
								<div class="form-group">
									<form:input path="orgName" maxlength="100"
										cssClass="form-control" placeholder="组织名称" />
								</div>
								<tr>
									<th>车辆</th>
									<td><select name="vehicleId" id="vehicleId"
										class="form-control" style="margin: 5px -2px">
											<option value="">请选择</option>
											<c:forEach items="${vehicles}" var="v">
												<option value="${v.vehicleId}">${v.vehiclePalte }_${v.vehiclePlatecolor }</option>
											</c:forEach>
									</select></td>
								</tr>

								<div class="form-group">

									<div class="col-sm-10">
										<div class="input-group" style="width: 188px">
											<form:input cssStyle="width:150px" path="taskDate"
												readonly="true" cssClass="form-control" />
											<span class="input-group-btn">
												<button type="button" class="btn btn-default"
													onclick="WdatePicker({el:$dp.$('taskDate'),dateFmt:'yyyy-MM-dd HH:mm:ss'});">
													<i class="fa fa-calendar"></i>
												</button>
											</span>
										</div>
									</div>
								</div>

								<div class="form-group">
									<form:label path="zfdTaskType">任务类型</form:label>
									<form:select path="zfdTaskType" cssClass="form-control"
										maxlength="100">
										<form:option value="">全部</form:option>
										<form:options items="${taskTypes}" itemLabel="value" />
									</form:select>
								</div>


								<div class="form-group ">
									<form:label path="zfdTaskStatus">任务状态</form:label>
									<form:select path="zfdTaskStatus" cssClass="form-control"
										maxlength="100">
										<form:option value="">全部</form:option>
										<form:options items="${taskStatuses}" itemLabel="value" />
									</form:select>
								</div>
								<div class="form-group">
									<%@ include file="/WEB-INF/jsp/pagesize.jsp"%>
								</div>
								<button class="taiji_search_submit btn btn-md btn-success m-r-5"
									type="button">
									<i class="fa fa-search  m-r-10 "></i>查询详情
								</button>
							</form:form>
						</div>
						<div class="taiji_search_result table-responsive">
							<table id="my-table" class="table table-bordered  table-hover">
								<thead>
									<tr>
										<th>巡查计划名称</th>
										<th>组织名称</th>
										<th>人员名称</th>
										<th>分配车辆</th>
										<th>任务日期</th>
										<th>任务类型</th>
										<th>任务状态</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
						<div class="panel-footer text-right">
							<div class="pageturn taiji_pager"></div>

						</div>
					</div>
					<!-- end panel -->
				</div>
				<!-- end col-12 -->
			</div>
			<!-- end row -->
		</div>
		<!-- end #content -->


		<!-- begin scroll to top btn -->
		<a href="javascript:;"
			class="btn btn-icon btn-circle btn-success btn-scroll-to-top fade"
			data-click="scroll-top"><i class="fa fa-angle-up"></i></a>
		<!-- end scroll to top btn -->
	</div>
	<!-- end page container -->

</body>
</html>