|
|
|
@ -4,88 +4,136 @@
|
|
|
|
|
<th:block th:include="include :: header('个人打卡列表')" /> |
|
|
|
|
</head> |
|
|
|
|
<body class="gray-bg"> |
|
|
|
|
<div class="main-content" > |
|
|
|
|
<form class="form-horizontal" id="form-check"> |
|
|
|
|
<div class="container-div"> |
|
|
|
|
<h4 class="form-header h4">打卡信息提交</h4> |
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-sm-12 select-table table-striped"> |
|
|
|
|
<table id="bootstrap-table"> |
|
|
|
|
<div class="tab-content"> |
|
|
|
|
<div class="ibox-content"> |
|
|
|
|
<ul class="nav nav-tabs"> |
|
|
|
|
<li class="active"><a href="#individual_check" data-toggle="tab" aria-expanded="true">今日打卡</a></li> |
|
|
|
|
</ul> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-sm-6"> |
|
|
|
|
<div class="form-group"> |
|
|
|
|
<div class="row data-type"> |
|
|
|
|
<label class="col-sm-4 control-label is-required">姓名:</label> |
|
|
|
|
<div class="col-sm-8"> |
|
|
|
|
<input name="checkName" placeholder="请输入姓名" class="form-control" type="text" maxlength="30" > |
|
|
|
|
|
|
|
|
|
<div class="col-md-2 title">姓名</div> |
|
|
|
|
<div class="col-md-4 data"> |
|
|
|
|
<input type="text" class="form-control" name="name" |
|
|
|
|
placeholder="姓名" value=""> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-2 title">目前位置</div> |
|
|
|
|
<div class="col-md-4 data" style="display: flex"> |
|
|
|
|
<input type="button" class="btn bg-olive" value="点击获取位置" onclick="clickToGetAddress()"></input> |
|
|
|
|
<input type="text" class="form-control" name="currentPosition" id="currentPosition" |
|
|
|
|
placeholder="目前位置" value=""> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-2 title">健康状况</div> |
|
|
|
|
<div class="col-md-4 data"> |
|
|
|
|
<input type="text" class="form-control" name="healthState" |
|
|
|
|
placeholder="健康状况" value=""> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-2 title">体温</div> |
|
|
|
|
<div class="col-md-4 data"> |
|
|
|
|
<input type="text" class="form-control" name="bodyTemperature" |
|
|
|
|
placeholder="体温" value=""> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-2 title">打卡时间</div> |
|
|
|
|
<div class="col-md-4 data"> |
|
|
|
|
<input type="date" class="form-control" name="checkOutDate" |
|
|
|
|
placeholder="打卡时间" value=""> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-2 title">是否到过高、中风险地区</div> |
|
|
|
|
<div class="col-md-4 data"> |
|
|
|
|
<input type="text" class="form-control" name="isToHighArea" |
|
|
|
|
placeholder="是否到达" value=""> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-2 title">是否接触过疑似或者确诊</div> |
|
|
|
|
<div class="col-md-4 data"> |
|
|
|
|
<input type="text" class="form-control" name="isTouch" |
|
|
|
|
placeholder="是否接触" value=""> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-md-2 title">备注</div> |
|
|
|
|
<div class="col-md-4 data"> |
|
|
|
|
<input type="text" class="form-control" name="remarks" |
|
|
|
|
placeholder="" value=""> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-sm-6"> |
|
|
|
|
<div class="form-group"> |
|
|
|
|
<label class="col-sm-4 control-label">目前位置:</label> |
|
|
|
|
<div class="col-sm-8"> |
|
|
|
|
<div class="input-group" style="display: flex"> |
|
|
|
|
<input class="btn bg-olive" type="button" value="点击获取位置" onclick="clickToGetAddress()" ></input> |
|
|
|
|
<input type="text" class="form-control" name="currentPosition" id="currentPosition" placeholder="目前位置" value=""> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</table> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-sm-6"> |
|
|
|
|
<div class="form-group"> |
|
|
|
|
<label class="col-sm-4 control-label">健康状况:</label> |
|
|
|
|
<div class="col-sm-8"> |
|
|
|
|
<div class="input-group"> |
|
|
|
|
<input name="state" placeholder="健康状况" class="form-control" type="text"> |
|
|
|
|
<span class="input-group-addon"><i class="fa fa-user"></i></span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-sm-6"> |
|
|
|
|
<div class="form-group"> |
|
|
|
|
<label class="col-sm-4 control-label">打卡时间:</label> |
|
|
|
|
<div class="col-sm-8"> |
|
|
|
|
<div class="input-group"> |
|
|
|
|
<input name="checkDatetime" class="form-control " type="date" placeholder="打卡时间"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-sm-6"> |
|
|
|
|
<div class="form-group"> |
|
|
|
|
<label class="col-sm-4 control-label is-required">体温:</label> |
|
|
|
|
<div class="col-sm-8"> |
|
|
|
|
<input name="temperature" class="form-control" type="text" placeholder="体温"/> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-sm-6" > |
|
|
|
|
<div class="form-group" style="display: flex"> |
|
|
|
|
<label class="col-sm-5 control-label">是否接触密接:</label> |
|
|
|
|
<div class="col-sm-2"> |
|
|
|
|
<label class="toggle-switch switch-solid"> |
|
|
|
|
<input type="checkbox" id="isTouch"> |
|
|
|
|
<span></span> |
|
|
|
|
</label> |
|
|
|
|
</div> |
|
|
|
|
<label class="col-sm-4 control-label">是否去过高风险:</label> |
|
|
|
|
<div class="col-sm-2"> |
|
|
|
|
<label class="toggle-switch switch-solid"> |
|
|
|
|
<input type="checkbox" id="isHigh"> |
|
|
|
|
<span></span> |
|
|
|
|
</label> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<h4 class="form-header h4">其他信息</h4> |
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-sm-12"> |
|
|
|
|
<div class="form-group"> |
|
|
|
|
<label class="col-xs-2 control-label">备注:</label> |
|
|
|
|
<div class="col-xs-10"> |
|
|
|
|
<textarea name="description" maxlength="500" class="form-control" rows="3" placeholder="个人状况描述"></textarea> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-sm-offset-5 col-sm-10"> |
|
|
|
|
<button type="button" class="btn btn-sm btn-primary" onclick="submitCheck()"><i class="fa fa-check"></i>保 存</button> |
|
|
|
|
<button type="button" class="btn btn-sm btn-danger" onclick="closeItem()"><i class="fa fa-reply-all"></i>关 闭 </button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</form> |
|
|
|
|
</div> |
|
|
|
|
<th:block th:include="include :: footer" /> |
|
|
|
|
<script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"></script> |
|
|
|
|
<script type="text/javascript"> |
|
|
|
|
|
|
|
|
|
$(document).ready(function() { |
|
|
|
|
// 选择框 |
|
|
|
|
$(".select2").select2(); |
|
|
|
|
<script > |
|
|
|
|
var prefix = ctx + "individual/check"; |
|
|
|
|
$("#form-check").validate({ |
|
|
|
|
//首字母默认大写 |
|
|
|
|
onkeyup: false, |
|
|
|
|
rules:{ |
|
|
|
|
checkName:{ |
|
|
|
|
isUserName:true, |
|
|
|
|
}, |
|
|
|
|
currentPosition:{ |
|
|
|
|
}, |
|
|
|
|
state:{ |
|
|
|
|
}, |
|
|
|
|
checkDatetime:{ |
|
|
|
|
}, |
|
|
|
|
temperature:{ |
|
|
|
|
isTemperature:true |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
description: { |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// WYSIHTML5编辑器 |
|
|
|
|
$(".textarea").wysihtml5({ |
|
|
|
|
locale : 'zh-CN' |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
// 设置激活菜单 |
|
|
|
|
function setSidebarActive(tagUri) { |
|
|
|
|
var liObj = $("#" + tagUri); |
|
|
|
|
if (liObj.length > 0) { |
|
|
|
|
liObj.parent().parent().addClass("active"); |
|
|
|
|
liObj.addClass("active"); |
|
|
|
|
function submitCheck () { |
|
|
|
|
if ($.validate.form()) { |
|
|
|
|
var data = $("#form-check").serializeArray(); |
|
|
|
|
var isTouch = $("input[id='isTouch']").is(':checked') == true ? 0 : 1; |
|
|
|
|
var isHigh = $("input[id='isHigh']").is(':checked') == true ? 0 : 1; |
|
|
|
|
data.push({"checkName": "isTouch", "value": isTouch}); |
|
|
|
|
data.push({"checkName": "isHigh", "value": isHigh}); |
|
|
|
|
$.operate.saveTab(prefix+"/add", data); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
@ -98,14 +146,7 @@
|
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
$(document).ready(function() { |
|
|
|
|
// 激活导航位置 |
|
|
|
|
setSidebarActive("order-manage"); |
|
|
|
|
$("#datepicker-a3").datetimepicker({ |
|
|
|
|
format : "yyyy-mm-dd hh:ii", |
|
|
|
|
|
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
//获取位置 |
|
|
|
|
function getLocation() { |
|
|
|
|
var options = { |
|
|
|
|
enableHighAccuracy : true, |
|
|
|
@ -156,6 +197,8 @@
|
|
|
|
|
} |
|
|
|
|
// 这里后面可以写你的后续操作了 |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
//获取地理位置 |
|
|
|
|
const clickToGetAddress = () => { |
|
|
|
|
getLocation(); |
|
|
|
|
} |
|
|
|
|