createjob.html 4.86 KB
<div id="createDiv">
	<div id="createJobTable"></div>
</div>
<meta charset="utf-8">

<link href="../css/bootstrap.css" rel="stylesheet"> 
<script src="../js/jquery-1.12.0.min.js" charset="UTF-8" type="text/javascript"></script>
<script src="../js/bootstrap.table.js" charset="UTF-8" type="text/javascript"></script>
<script src="../js/bootstrap.dialog.js" charset="UTF-8" type="text/javascript"></script>
<script src="../js/bootstrap.pagination.js" charset="UTF-8" type="text/javascript"></script>
<script src="../js/bootstrap.js" charset="UTF-8" type="text/javascript"></script>
<script src="../js/bootstrap.panel.js" charset="UTF-8" type="text/javascript"></script>
<div id="createJobTable">
	<div id="dialog"></div>
	<div class="container theme-showcase">
		<h1 style="line-height: 2em;"></h1>
		<br />
		<br />
		<br />
		<br />
		<div class="row">
			<div class="col-sm-3"></div>
			<div class="col-sm-6">
				<div class="panel panel-primary">
					<div class="panel-heading">
						<h3 class="panel-title">
							<strong>创建任务</strong>
						</h3>
					</div>
					<div class="panel-body">
						<form  class="form col-md-12 center-block" name="form" id="creatjobinfo">
							
							<div class="form-group">
								<input type="text"  class="form-control input-lg" id="jobName" name="jobName" placeholder="任务名称" required>
							</div>
							<div class="form-group">
								<input type="text" class="form-control input-lg" id="jobGroup" name="jobGroup" value="default"  placeholder="任务分组,默认default">
							</div>
							<div class="form-group">
								<input type="text" class="form-control input-lg" id="module" name="module"  placeholder="任务所属模块">
							</div>
							<div class="form-group">
								<input type="text" class="form-control input-lg" id="processor" name="processor"  placeholder="任务执行器">
							</div>
							<div class="form-group">
								<input type="text" class="form-control input-lg" id="processip" name="processip"  placeholder="任务执行ip">
							</div>
							<div class="form-group">
								<select name="jobtype" id="jobtype">
									<option value="0">单节点执行</option>
									<option value="1">多节点执行</option>
								</select>
							</div>
							<div class="form-group">
								<input type="text" class="form-control input-lg" id="cronexception" name="cronexception"  placeholder="任务执行周期">
							</div>
							<div class="form-group">
							<textarea  rows="5" cols="65" id="context" name="context" placeholder="任务执行所需入参"></textarea>
							</div>
							<div class="form-group">
								<select name="activemode" id="activemode">
									<option value="0">单次任务</option>
									<option value="1">周期任务</option>
								</select>
							</div>
							<div class="form-group">
								<input type="button" value="创建" id="createJobBtn" class="btn btn-primary btn-lg btn-block" name="createJobBtn"/>
								<!-- <span><a href="#">找回密码</a></span> <span></span> -->
							</div>
							<div id="messageAlert"></div>
						</form>
					</div>
				</div>
			</div>
			<div class="col-sm-3"></div>
		</div>
	</div>
	<script>
		$(function() {
			$("#createJobBtn").click(function() {
				//$(this).prop("disabled", "disabled");
				var jobName = $("#jobName");
				var jobGroup = $("#jobGroup");
				var module = $("#module");
				var processor = $("#processor");
				var processip = $("#processip");
				var jobtype = $("#jobtype");
				var cronexception = $("#cronexception");
				var context = $("#context");
				var activemode = $("#activemode");
				var jobinfo = {
		                "activeMode": activemode.val(),
		                "cronExpression": cronexception.val(),
		                "jobGroup": jobGroup.val(),
		                "jobName": jobName.val(),
		                "jobType": jobtype.val(),
		                "module": module.val(),
		                "processIp": processip.val(),
		                "processor": processor.val(),
		                "context": context.val()
					};
				$.ajax({
					url : "/jobs/jobmanager/createjob.do",
					contentType : "application/json; charset=utf-8",
					data : JSON.stringify(jobinfo),
					dataType : "json",
					type : "POST",
					success : function(data) {
						if (!data) {
							$("#messageAlert").alerts({
								content : "创建任务失败",
								type : "danger"
							});
							$("#createJobBtn").removeAttr("disabled");
							return;
						}
						if (data.code != 200) {
							$("#messageAlert").alerts({
								content : data.message,
								type : "danger"
							});
							$("#createJobBtn").removeAttr("disabled");
							return;
						}
						location.href = "/jobs/html/showjobs.html";
					}
				});
			});
			
		});
		
		function keyLogin(){
			if (event.keyCode==13){//回车键的键值为13
				$("#loginBtn").click();//调用登录按钮的登录事件
			}   		    
		}
		
		
	</script>
	</div>