<!DOCTYPE html>
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
<head>
|
<th:block th:include="include :: header('修改测试包')" />
|
<th:block th:include="include :: datetimepicker-css" />
|
<th:block th:include="include :: select2-css" />
|
<th:block th:include="include :: bootstrap-select-css" />
|
</head>
|
<body class="white-bg">
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
<form class="form-horizontal m" id="form-test_package-edit" th:object="${entTestPackage}">
|
<input name="id" th:field="*{id}" type="hidden">
|
<div class="form-group">
|
<label class="col-sm-3 control-label">[[#{jsp.exam.report.006}]]：</label>
|
<div class="col-sm-8">
|
<input name="testName" th:field="*{testName}" class="form-control" type="text" required>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">[[#{basis.type}]]：</label>
|
<div class="col-sm-8">
|
<select name="testType" class="form-control m-b" th:with="type=${@dict.getType('test_type')}" onchange="testTypeChange()">
|
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{testType}"></option>
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">[[#{basis.area}]]：</label>
|
<div class="col-sm-8">
|
<select name="testArea" class="form-control m-b" th:with="type=${@dict.getType('test_area')}">
|
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{testArea}"></option>
|
</select>
|
</div>
|
</div>
|
<!-- <div class="form-group"> -->
|
<!-- <label class="col-sm-3 control-label">[[#{jsp.exam.test_package.001}]]：</label>-->
|
<!-- <div class="col-sm-8">-->
|
<!-- <select name="langType" class="form-control m-b" th:with="type=${@dict.getType('lang_type')}">-->
|
<!-- <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{langType}"></option>-->
|
<!-- </select>-->
|
<!-- </div>-->
|
<!-- </div>-->
|
<div class="form-group">
|
<label class="col-sm-3 control-label">[[#{jsp.exam.test_package.002}]]：</label>
|
<div class="col-sm-8">
|
<div class='input-group'>
|
<input name="prodId" id="prodId" class="form-control" th:field="*{prodId}" type="hidden">
|
<input name="prodName" id="prodName" class="form-control" th:field="*{prodName}" readonly type="text">
|
<span class='input-group-addon input-sm' onclick='selectProdTree()'><i class='fa fa-search'></i></span>
|
</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">[[#{jsp.exam.test_package.003}]]：</label>
|
<div class="col-sm-8">
|
<input name="testEmail" th:field="*{testEmail}" class="form-control" type="text" th:placeholder="#{jsp.exam.distributor.hrEmail.warn}">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">[[#{jsp.exam.test_package.004}]]：</label>
|
<div class="col-sm-8">
|
<div class="input-group date">
|
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
<input name="invalidTime" th:value="${#dates.format(entTestPackage.invalidTime, 'yyyy-MM-dd')}" class="form-control" placeholder="yyyy-MM-dd" type="text">
|
</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">[[#{basis.state}]]：</label>
|
<div class="col-sm-8">
|
<div class="radio-box" th:each="dict : ${@dict.getType('test_status')}">
|
<input type="radio" th:id="${dict.dictCode}" name="status" th:value="${dict.dictValue}" th:field="*{status}" required>
|
<label th:for="${dict.dictCode}" th:text="${dict.dictLabel}"></label>
|
</div>
|
</div>
|
</div>
|
|
<!--测试者邀请邮件模板 -->
|
<input name="CNTemplate" id="CNTemplate" th:value="${eet.inviteCnTemplate}" class="form-control" type="hidden">
|
<input name="USTemplate" id="USTemplate" th:value="${eet.inviteUsTemplate}" class="form-control" type="hidden">
|
<input name="THTemplate" id="THTemplate" th:value="${eet.inviteThTemplate}" class="form-control" type="hidden">
|
<div class="form-group">
|
<label class="col-sm-3 control-label">[[#{jsp.exam.package.langtype}]]：</label>
|
<div class="col-sm-8">
|
<select name="templateLangType" id="templateLangType" class="form-control noselect2 selectpicker" th:with="type=${@dict.getType('lang_type')}" multiple>
|
<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
|
th:value="${dict.dictValue}"></option>
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">[[#{jsp.exam.test_package.005}]]：</label>
|
<div class="col-sm-8">
|
<textarea id="template" name="template" th:field="*{template}" class="form-control" rows="10" cols="60"></textarea>
|
</div>
|
</div>
|
|
<!--HR邮件模板 -->
|
<input name="HrCNTemplate" id="HrCNTemplate" th:value="${eet.hrCnTemplate}" class="form-control" type="hidden">
|
<input name="HrUSTemplate" id="HrUSTemplate" th:value="${eet.hrUsTemplate}" class="form-control" type="hidden">
|
<input name="HrTHTemplate" id="HrTHTemplate" th:value="${eet.hrThTemplate}" class="form-control" type="hidden">
|
<div class="form-group">
|
<label class="col-sm-3 control-label">[[#{jsp.exam.package.langtype}]]：</label>
|
<div class="col-sm-8">
|
<select name="hrTemplateLangType" id="hrTemplateLangType" class="form-control noselect2 selectpicker" th:with="type=${@dict.getType('lang_type')}" multiple>
|
<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
|
th:value="${dict.dictValue}"></option>
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">[[#{jsp.exam.test_package.hrinvitationEmailContent}]]：</label>
|
<div class="col-sm-8">
|
<textarea id="hrTemplate" name="hrTemplate" th:text="*{hrTemplate}" class="form-control" rows="10" cols="60" ></textarea>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label">[[#{basis.remark}]]：</label>
|
<div class="col-sm-8">
|
<textarea id="remark" name="remark" th:field="*{remark}" class="form-control" ></textarea>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">[[#{jsp.exam.productReportTemplate}]]：</label>
|
<div class="col-sm-8">
|
<select id="reportTemplateId" name="reportTemplateId" class="form-control noselect2 selectpicker" multiple required>
|
<option th:each="dict : ${templateList}" th:text="${dict['reportType']}"
|
th:value="${dict['id']}" th:field="*{reportTemplateId}"></option>
|
</select>
|
</div>
|
</div>
|
|
<!--岗位-->
|
<div class="form-group jaq-div" hidden>
|
<label class="col-sm-3 control-label">[[#{jsp.exam.testPackage.position}]]：</label>
|
<div class="col-sm-8">
|
<input name="position" class="form-control" type="text" th:field="*{position}">
|
</div>
|
</div>
|
|
<div class="form-group jaq-div" hidden>
|
<label class="col-sm-3 control-label">[[#{jsp.exam.testPackage.professionalCategory}]]：</label>
|
<div class="col-sm-8">
|
<input name="professionalCategory" class="form-control" type="text" th:field="*{professionalCategory}">
|
</div>
|
</div>
|
|
<div class="form-group jaq-div" hidden>
|
<label class="col-sm-3 control-label">[[#{jsp.exam.testPackage.superiorPosition}]]：</label>
|
<div class="col-sm-8">
|
<input name="superiorPosition" class="form-control" type="text" th:field="*{superiorPosition}">
|
</div>
|
</div>
|
|
<!-- 测试者接收报告邮件 -->
|
<input name="TesterCNTemplate" id="TesterCNTemplate" th:value="${eet.memberCnTemplate}" class="form-control" type="hidden">
|
<input name="TesterUSTemplate" id="TesterUSTemplate" th:value="${eet.memberUsTemplate}" class="form-control" type="hidden">
|
<input name="TesterTHTemplate" id="TesterTHTemplate" th:value="${eet.memberThTemplate}" class="form-control" type="hidden">
|
<div class="form-group">
|
<label class="col-sm-3 control-label">[[#{jsp.exam.testPackage.autoSendReport}]]：</label>
|
<div class="col-sm-8">
|
<input th:type="checkbox" id="autoSendReport" name="autoSendReport" onchange="isSelectAutoSendReport()" th:checked="*{autoSendReport}" >
|
</div>
|
</div>
|
<div class="form-group" id="memberTemplateLangTypeDiv" th:style="'display:' + @{(*{autoSendReport} ? 'block' : 'none')} + ''">
|
<label class="col-sm-3 control-label">[[#{jsp.exam.package.langtype}]]：</label>
|
<div class="col-sm-8">
|
<select name="memberTemplateLangType" id="memberTemplateLangType" class="form-control noselect2 selectpicker" th:with="type=${@dict.getType('lang_type')}" multiple>
|
<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
|
th:value="${dict.dictValue}"></option>
|
</select>
|
</div>
|
</div>
|
<div class="form-group" id="memberTemplateDiv" th:style="'display:' + @{(*{autoSendReport} ? 'block' : 'none')} + ''">
|
<label class="col-sm-3 control-label">[[#{jsp.exam.test_package.memberEmailContent}]]：</label>
|
<div class="col-sm-8">
|
<textarea id="memberTemplate" name="memberTemplate" th:text="*{memberTemplate}" class="form-control" rows="10" cols="60"></textarea>
|
</div>
|
</div>
|
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="form-group">
|
<label class="col-xs-2 control-label">[[#{jsp.exam.demographyParam.demographicname}]]：</label>
|
<div class="col-xs-10">
|
<label th:each="role:${roles}" class="check-box">
|
<input name="paramCodes" id="paramCodes" type="checkbox" th:value="${role.paramId}" th:text="${role.paramCode}" th:checked="${role.flag}" th:disabled="${role.paramStatus == '0'}">
|
</label>
|
</div>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
<th:block th:include="include :: footer" />
|
<th:block th:include="include :: datetimepicker-js" />
|
<th:block th:include="include :: select2-js" />-->
|
<th:block th:include="include :: bootstrap-select-js" />
|
<script type="text/javascript">
|
var prefix = ctx + "exam/test_package";
|
var reportTemplateId = '[[${entTestPackage.reportTemplateId}]]';
|
|
$('.check-box').click(function(){
|
alert(1);
|
})
|
|
$(document).ready(function () {
|
//回写select
|
var arr=reportTemplateId.split(',');
|
$('#reportTemplateId').selectpicker('val', arr);
|
$.table.testPackDefault();
|
});
|
|
$("#form-test_package-edit").validate({
|
focusCleanup: true
|
});
|
|
function submitHandler() {
|
if ($.validate.form()) {
|
if (!$.validate.verifyEmails($('[name="testEmail"]').val())) {
|
return;
|
}
|
if (!verifyCharacter($('[name="position"]').val())) {
|
return;
|
}
|
$.operate.save(prefix + "/edit", $('#form-test_package-edit').serialize());
|
}
|
}
|
|
$("input[name='invalidTime']").datetimepicker({
|
format: "yyyy-mm-dd",
|
minView: "month",
|
autoclose: true
|
});
|
function verifyCharacter (text) {
|
if (text == null || text == undefined || text.trim() == "") {
|
return true;
|
}
|
var regEn = /[`~!@#$%^&*()_+<>?:"{},.\/;'[\]]/im,
|
regCn = /[·！#￥（——）：；“”‘、，|《。》？、【】[\]]/im
|
if(regEn.test(text) || regCn.test(text)) {
|
$.modal.alertWarning('[[#{the.name.cannot.contain.special.characters}]]');
|
return false;
|
}
|
return true;
|
}
|
// 选择字典处理函数
|
function selectProdTree() {
|
var url = ctx + "exam/product/getProdList?langType=" + $('[name="langType"]').val() + "&testType=" + $('[name="testType"]').val();
|
var options = {
|
title: 'select',
|
width: "380",
|
url: url,
|
callBack: doSubmit
|
};
|
$.modal.openOptions(options);
|
}
|
|
function testTypeChange() {
|
$('[name="prodId"]').val("")
|
$('[name="prodName"]').val("")
|
}
|
|
function doSubmit(index, layero){
|
var body = layer.getChildFrame('body', index);
|
var dictType = body.find('#dictType').val();
|
var prodName = body.find('#prodName').val();
|
layer.close(index);
|
$("#prodId").val(dictType);
|
$("#prodName").val(prodName);
|
$.ajax({
|
url: prefix + "/prodTemplate",
|
data: {"prodId":dictType},
|
type: "post",
|
success: function(result) {
|
if (result.code == 0) {
|
var modelList = result.data;
|
if (modelList && modelList.length != 0) {
|
$("#reportTemplateId").empty();
|
for (var i = 0; i < modelList.length; i++) {
|
var option = "<option value=\"" + modelList[i].id + "\"";
|
option += ">" + modelList[i].reportType + "</option>"; //动态添加数据
|
$('#reportTemplateId').append(option);
|
}
|
//使用refresh方法更新UI以匹配新状态。
|
$('#reportTemplateId').selectpicker('refresh');
|
//render方法强制重新渲染引导程序 - 选择ui。
|
$('#reportTemplateId').selectpicker('render');
|
var arr=reportTemplateId.split(',');
|
$('#reportTemplateId').selectpicker('val', arr);
|
}
|
}
|
}
|
})};
|
|
function isSelectAutoSendReport() {
|
if($("#autoSendReport").prop("checked") == true){
|
$('#memberTemplateLangTypeDiv').attr("style","display:block;");
|
$('#memberTemplateDiv').attr("style","display:block;");
|
}else{
|
$('#memberTemplateLangTypeDiv').attr("style","display:none;");
|
$('#memberTemplateDiv').attr("style","display:none;");
|
}
|
}
|
|
/**
|
* 遍历邀请测试者通知模板
|
*/
|
$("#templateLangType").change(function(){
|
var opt = $("#templateLangType").val();
|
//没有选中
|
if (opt == null){
|
$('[name="template"]').val("");
|
}else{
|
//选中后拼接语言赋值模板
|
var template = "";
|
$('[name="template"]').val(template);
|
for(var i = 0;i < opt.length;i++){
|
if(opt[i] == 'Chinese'){
|
template += $("#CNTemplate").val()+"\n\n";
|
}else if(opt[i] == 'English'){
|
template += $("#USTemplate").val()+"\n\n";
|
}else if(opt[i] == 'Thai'){
|
template += $("#THTemplate").val()+"\n\n";
|
}
|
}
|
//去掉最后面的换行符\n
|
template = template.slice(0,-2);
|
$('[name="template"]').val(template);
|
}
|
});
|
|
/**
|
* HR通知模板
|
*/
|
$("#hrTemplateLangType").change(function(){
|
var opt = $("#hrTemplateLangType").val();
|
//没有选中
|
var isEdit;
|
if (opt == null) {
|
$('[name="hrTemplate"]').val("");
|
} else {
|
//选中后拼接语言赋值模板
|
var hrTemplate = "";
|
$('[name="hrTemplate"]').val(hrTemplate);
|
for (var i = 0; i < opt.length; i++) {
|
if (opt[i] == 'Chinese') {
|
hrTemplate += $("#HrCNTemplate").val() +"\n\n";
|
} else if (opt[i] == 'English') {
|
hrTemplate += $("#HrUSTemplate").val() +"\n\n";
|
} else if (opt[i] == 'Thai') {
|
hrTemplate += $("#HrTHTemplate").val() +"\n\n";
|
}
|
}
|
//去掉最后面的换行符\n
|
hrTemplate = hrTemplate.slice(0, -2);
|
$('[name="hrTemplate"]').val(hrTemplate);
|
}
|
});
|
|
/**
|
* 测试者通知模板
|
*/
|
$("#memberTemplateLangType").change(function(){
|
var opt = $("#memberTemplateLangType").val();
|
//没有选中
|
var isEdit;
|
if (opt == null) {
|
$('[name="memberTemplate"]').val("");
|
} else {
|
//选中后拼接语言赋值模板
|
var memberTemplate = "";
|
$('[name="memberTemplate"]').val(memberTemplate);
|
for (var i = 0; i < opt.length; i++) {
|
if (opt[i] == 'Chinese') {
|
memberTemplate += $("#TesterCNTemplate").val() +"\n\n";
|
} else if (opt[i] == 'English') {
|
memberTemplate += $("#TesterUSTemplate").val() +"\n\n";
|
} else if (opt[i] == 'Thai') {
|
memberTemplate += $("#TesterTHTemplate").val() +"\n\n";
|
}
|
}
|
//去掉最后面的换行符\n
|
memberTemplate = memberTemplate.slice(0, -2);
|
$('[name="memberTemplate"]').val(memberTemplate);
|
}
|
});
|
</script>
|
</body>
|
</html>
|
