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>
<link
	href="${rootUrl }plugins/bootstrap-editable/css/bootstrap-editable.css"
	rel="stylesheet" />
<script
	src="${rootUrl }plugins/bootstrap-editable/js/bootstrap-editable.min.js"
	type="text/javascript"></script>
<script type="text/javascript">
$(function(){
	$("#myManage").taiji({
		enableAclCheck:true
	}).editable({
		selector:".editable",//元素选择器，对目标元素启用编辑
		url:"editGrid",//编辑提交的url
	    success: editGridSuccess//服务器返回成功的回调方法
	}).on("taijiSearchSuccess",function(event,result){
		/*
		单独设置性别参数
		$(".editable.male").editable({
			 url:"editGrid",//编辑提交的url
			 source: [
			            {"value": '0', "text": '女'},
			            {"value": '1', "text": '男'}
			        ],
			 success: editGridSuccess//服务器返回成功的回调方法
		}); */
	}).on("editGridSuccess",function(event,result){
		
	}).on("taijiEditSuccess",function(){
		$("#listForm").submit();
	});;
	
	$("#addBtn").click(function(){
		$(this).showModal({size:"modal-lg",backdrop:false,data:{loginName:"sample"}});
		return false;
	});
	
	function editGridSuccess(response, newValue) {
    	if($.isPlainObject(response)&&response.success===true){
    		$.Taiji.showNote(response.msg);
    	}else{
        	var result=$.parseJSON($(response).find("#taiji_note").text());
        	if(result&&result.success===false){
        		return $.Taiji.base64.decode(result.msg);	        	
        	}
        }
    }
});
</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/service/request/inquiry/coupon" --%>
<!-- 								class="taiji_modal taiji_acl btn  btn-success m-r-10"><i -->
<!-- 								class="fa fa-plus m-r-5"></i>加油劵添加</a>  -->
								<a href="${rootUrl }app/service/request/inquiry/maintenance"
								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/service/request/inquiry/manage"
								method="post">
								<div class="form-group m-5">
									<form:label path="serviceType">
										<span class="essential"></span>费用类别</form:label>
									<form:select path="serviceType" cssClass="form-control m-r-5"
										id="serviceType" data-style="btn-white" data-width="150px">
										<form:option value="">全部</form:option>
										<form:options items="${serviceTypes}" itemLabel="value" />
									</form:select>
								</div>
								<tr>
									<th>车辆</th>
									<td><select name="vehicleId" id="vehicleId"
										class="form-control">
											<option value="">请选择</option>
											<c:forEach items="${vehicles}" var="v">
												<option value="${v.vehicleId}">${v.vehiclePlate }_${v.vehiclePlatecolor.value }</option>
											</c:forEach>
									</select></td>
								</tr>
								<div class="form-group m-5">
									<form:label path="status">
										<span class="essential"></span>审批状态</form:label>
									<form:select path="status" cssClass="form-control m-r-5"
										id="status" data-style="btn-white" data-width="150px">
										<form:option value="">全部</form:option>
										<form:options items="${statuss}" itemLabel="value" />
									</form:select>
								</div>
								<div class="form-group m-t-5">
									<label class="control-label">查询日期</label>
									<div class="input-group">
										<form:input cssStyle="width:150px" path="startTime"
											readonly="true" cssClass="form-control" />
										<span class="input-group-btn">
											<button type="button" class="btn btn-default"
												onclick="WdatePicker({el:$dp.$('startTime'),dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'#F{$dp.$D(\'endTime\')}'});">
												<i class="fa fa-calendar"></i>
											</button>
										</span>
									</div>
								</div>
								<div class="form-group m-t-5">
									<label class="control-label">至</label>
									<div class="input-group">
										<form:input cssStyle="width:150px" path="endTime"
											readonly="true" cssClass="form-control" />
										<span class="input-group-btn">
											<button type="button" class="btn btn-default"
												onclick="WdatePicker({el:$dp.$('endTime'),dateFmt:'yyyy-MM-dd 23:59:59',minDate:'#F{$dp.$D(\'startTime\')}'});">
												<i class="fa fa-calendar"></i>
											</button>
										</span>
									</div>
								</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>
								<button class="taiji_search_reset btn btn-md btn-default"
									type="button">
									<i class="fa  fa-refresh  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>
									</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>