<!DOCTYPE html>
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
<head>
|
<th:block th:include="include :: header('新增基础清单检查点')" />
|
</head>
|
<body class="white-bg">
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
<form class="form-horizontal m" id="form-baseCheckPoint-add">
|
|
<input name="riskId" class="form-control" th:value="${riskId}" type="hidden">
|
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label is-required">检查类别：</label>
|
<div class="col-sm-8">
|
<input name="checkType" class="form-control" type="text" required>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label is-required">检查内容：</label>
|
<div class="col-sm-8">
|
<textarea id="checkContent" name="checkContent" class="form-control" required></textarea>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label">检查依据：</label>
|
<div class="col-sm-8">
|
<textarea id="checkResult" name="checkResult" class="form-control"></textarea>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">风险管控措施：</label>
|
<div class="col-sm-8" id="container">
|
<select id="mySelect" name="controlMeasureId" class="form-control m-b">
|
<option value="">--请选择风险管控措施--</option>
|
<option th:each="u :${measureList}" th:value="${u.id}" th:text="${u.checkContent}"></option>
|
</select>
|
<!-- <span class="help-block m-b-none"><i class="fa fa-info-circle"></i> 代码生成请选择字典属性</span>-->
|
</div>
|
</div>
|
<!--<div class="form-group">
|
<label class="col-sm-3 control-label">备注：</label>
|
<div class="col-sm-8">
|
<textarea id="remark" name="remark" class="form-control"></textarea>
|
</div>
|
</div>-->
|
|
|
</form>
|
</div>
|
<th:block th:include="include :: footer" />
|
<script type="text/javascript">
|
var prefix = ctx + "tr/baseCheckPoint";
|
$("#form-baseCheckPoint-add").validate({
|
focusCleanup: true
|
});
|
|
function submitHandler() {
|
if ($.validate.form()) {
|
$.operate.save(prefix + "/add", $('#form-baseCheckPoint-add').serialize());
|
}
|
}
|
|
var select = document.getElementById("mySelect");
|
var options = select.options;
|
var input = document.createElement("input");
|
var container = document.getElementById("container");
|
container.insertBefore(input, select);
|
|
input.addEventListener("keyup", function() {
|
var value = input.value.toLowerCase().trim();
|
for(var i=0; i<options.length; i++) {
|
var option = options[i];
|
if(option.value.toLowerCase().indexOf(value) > -1 || option.text.toLowerCase().indexOf(value) > -1) {
|
option.style.display = "";
|
} else {
|
option.style.display = "none";
|
}
|
}
|
});
|
input.style.width = "100%"
|
input.style.height = "34px"
|
input.style.paddingLeft = "20px"
|
input.style.marginBottom = "10px"
|
input.placeholder = "输入关键词以缩小选择范围"
|
</script>
|
</body>
|
</html>
|
