wlcb-system-base-data/src/main/resources/templates/teamuser/update.html

434 lines
22 KiB
HTML
Raw Normal View History

2021-10-12 10:54:31 +08:00
<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<base th:href="${#request.getContextPath() + '/'}">
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" href="assets/fonts/font-awesome/css/font-awesome.css"/>
<link rel="stylesheet" href="assets/layuiadmin/layui/css/layui.css" media="all">
<link rel="stylesheet" href="assets/layuiadmin/style/admin.css" media="all">
<link rel="stylesheet" type="text/css" href="assets/js/vendor/viewer/viewer.min.css">
</head>
<body>
<div class="layui-fluid layui-anim layui-anim-fadein">
<div class="layui-card">
<div class="layui-card-header">
<span class="layui-breadcrumb" lay-filter="breadcrumb" style="visibility: visible;">
<a class="close" href="javascript:void(0);">上级列表</a><span lay-separator="">/</span>
<a href="javascript:void(0);"><cite>编辑内容</cite></a>
</span>
</div>
<div class="layui-card-body" style="padding: 15px;">
<form class="layui-form layui-form-pane" lay-filter="dataForm">
<div class="layui-form-item">
<label class="layui-form-label">姓名</label>
<div class="layui-input-block">
<input type="text" id="teamUserName" name="teamUserName" class="layui-input" value="" placeholder="请输入姓名" maxlength="50">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">性别ID</label>
<div class="layui-input-block layui-form" id="teamUserSexIdSelectTemplateBox" lay-filter="teamUserSexIdSelectTemplateBox"></div>
<script id="teamUserSexIdSelectTemplate" type="text/html">
<select id="teamUserSexId" name="teamUserSexId">
<option value="">请选择性别ID</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.selectId}}">{{item.selectName}}</option>
{{# } }}
</select>
</script>
</div>
<div class="layui-form-item">
<label class="layui-form-label">性别中文</label>
<div class="layui-input-block">
<input type="text" id="teamUserSexText" name="teamUserSexText" class="layui-input" value="" placeholder="请输入性别中文" maxlength="10">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">民族ID</label>
<div class="layui-input-block layui-form" id="teamUserNationIdSelectTemplateBox" lay-filter="teamUserNationIdSelectTemplateBox"></div>
<script id="teamUserNationIdSelectTemplate" type="text/html">
<select id="teamUserNationId" name="teamUserNationId">
<option value="">请选择民族ID</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.selectId}}">{{item.selectName}}</option>
{{# } }}
</select>
</script>
</div>
<div class="layui-form-item">
<label class="layui-form-label">民族中文</label>
<div class="layui-input-block">
<input type="text" id="teamUserNationText" name="teamUserNationText" class="layui-input" value="" placeholder="请输入民族中文" maxlength="20">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">政治面貌ID</label>
<div class="layui-input-block layui-form" id="teamUserPoliticalIdSelectTemplateBox" lay-filter="teamUserPoliticalIdSelectTemplateBox"></div>
<script id="teamUserPoliticalIdSelectTemplate" type="text/html">
<select id="teamUserPoliticalId" name="teamUserPoliticalId">
<option value="">请选择政治面貌ID</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.selectId}}">{{item.selectName}}</option>
{{# } }}
</select>
</script>
</div>
<div class="layui-form-item">
<label class="layui-form-label">政治面貌中文</label>
<div class="layui-input-block">
<input type="text" id="teamUserPoliticalText" name="teamUserPoliticalText" class="layui-input" value="" placeholder="请输入政治面貌中文" maxlength="50">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">身份证</label>
<div class="layui-input-block">
<input type="text" id="teamUserCard" name="teamUserCard" class="layui-input" value="" placeholder="请输入身份证" maxlength="18">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">出生日期</label>
<div class="layui-input-block">
<input type="text" id="teamUserBirthday" name="teamUserBirthday" class="layui-input" value="" placeholder="请选择出生日期" lay-verify="required" readonly style="cursor: pointer;">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">级别ID</label>
<div class="layui-input-block layui-form" id="teamUserLevelIdSelectTemplateBox" lay-filter="teamUserLevelIdSelectTemplateBox"></div>
<script id="teamUserLevelIdSelectTemplate" type="text/html">
<select id="teamUserLevelId" name="teamUserLevelId">
<option value="">请选择级别ID</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.selectId}}">{{item.selectName}}</option>
{{# } }}
</select>
</script>
</div>
<div class="layui-form-item">
<label class="layui-form-label">级别中文</label>
<div class="layui-input-block">
<input type="text" id="teamUserLevelText" name="teamUserLevelText" class="layui-input" value="" placeholder="请输入级别中文" maxlength="50">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">职务ID</label>
<div class="layui-input-block layui-form" id="teamUserPositionIdSelectTemplateBox" lay-filter="teamUserPositionIdSelectTemplateBox"></div>
<script id="teamUserPositionIdSelectTemplate" type="text/html">
<select id="teamUserPositionId" name="teamUserPositionId">
<option value="">请选择职务ID</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.selectId}}">{{item.selectName}}</option>
{{# } }}
</select>
</script>
</div>
<div class="layui-form-item">
<label class="layui-form-label">职务中文</label>
<div class="layui-input-block">
<input type="text" id="teamUserPositionText" name="teamUserPositionText" class="layui-input" value="" placeholder="请输入职务中文" maxlength="50">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">专业特长ID</label>
<div class="layui-input-block">
<input type="text" id="teamUserSpecialtyId" name="teamUserSpecialtyId" class="layui-input" value="" placeholder="请输入专业特长ID" maxlength="0">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">专业特长中文</label>
<div class="layui-input-block">
<input type="text" id="teamUserSpecialtyText" name="teamUserSpecialtyText" class="layui-input" value="" placeholder="请输入专业特长中文" maxlength="0">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">学历ID</label>
<div class="layui-input-block layui-form" id="teamUserEbIdSelectTemplateBox" lay-filter="teamUserEbIdSelectTemplateBox"></div>
<script id="teamUserEbIdSelectTemplate" type="text/html">
<select id="teamUserEbId" name="teamUserEbId">
<option value="">请选择学历ID</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.selectId}}">{{item.selectName}}</option>
{{# } }}
</select>
</script>
</div>
<div class="layui-form-item">
<label class="layui-form-label">学历中文</label>
<div class="layui-input-block">
<input type="text" id="teamUserEbText" name="teamUserEbText" class="layui-input" value="" placeholder="请输入学历中文" maxlength="20">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">手机电话</label>
<div class="layui-input-block">
<input type="text" id="teamUserPhone1" name="teamUserPhone1" class="layui-input" value="" placeholder="请输入手机电话" maxlength="18">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">固定电话</label>
<div class="layui-input-block">
<input type="text" id="teamUserPhone2" name="teamUserPhone2" class="layui-input" value="" placeholder="请输入固定电话" maxlength="18">
</div>
</div>
<div class="layui-form-item layui-layout-admin">
<div class="layui-input-block">
<div class="layui-footer" style="left: 0;">
<button type="button" class="layui-btn" lay-submit lay-filter="submitForm">提交编辑</button>
<button type="button" class="layui-btn layui-btn-primary close">返回上级</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<script src="assets/js/vendor/wangEditor/wangEditor.min.js"></script>
<script src="assets/js/vendor/ckplayer/ckplayer/ckplayer.js"></script>
<script src="assets/js/vendor/viewer/viewer.min.js"></script>
<script src="assets/layuiadmin/layui/layui.js"></script>
<script>
layui.config({
base: 'assets/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'form', 'laydate', 'laytpl'], function(){
var $ = layui.$;
var form = layui.form;
var laytpl = layui.laytpl;
var laydate = layui.laydate;
var teamUserId = top.restAjax.params(window.location.href).teamUserId;
var wangEditor = window.wangEditor;
var wangEditorObj = {};
var viewerObj = {};
function closeBox() {
parent.layer.close(parent.layer.getFrameIndex(window.name));
}
function refreshDownloadTemplet(fileName, file) {
var dataRander = {};
dataRander[fileName] = file;
laytpl(document.getElementById(fileName +'FileDownload').innerHTML).render(dataRander, function(html) {
document.getElementById(fileName +'FileBox').innerHTML = html;
});
}
// 初始化文件列表
function initFileList(fileName, ids, callback) {
var dataForm = {};
dataForm[fileName] = ids;
form.val('dataForm', dataForm);
if(!ids) {
refreshDownloadTemplet(fileName, []);
if(callback) {
callback(fileName, []);
}
return;
}
top.restAjax.get(top.restAjax.path('api/file/list', []), {
ids: ids
}, null, function(code, data) {
refreshDownloadTemplet(fileName, data);
if(callback) {
callback(fileName, data);
}
}, function(code, data) {
top.dialog.msg(data.msg);
});
}
// 初始化视频
function initVideo(fileName, data) {
for(var i = 0, item; item = data[i++];) {
var player = new ckplayer({
container: '#'+ fileName + i,
variable: 'player',
flashplayer: false,
video: {
file: 'route/file/download/true/'+ item.fileId,
type: 'video/mp4'
}
});
}
}
// 初始化性别ID下拉选择
function initTeamUserSexIdSelect(selectValue) {
top.restAjax.get(top.restAjax.path('api/url/selectUrl', []), {}, null, function(code, data, args) {
laytpl(document.getElementById('teamUserSexIdSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('teamUserSexIdSelectTemplateBox').innerHTML = html;
});
form.render('select', 'teamUserSexIdSelectTemplateBox');
var selectObj = {};
selectObj['teamUserSexId'] = selectValue;
form.val('dataForm', selectObj);
}, function(code, data) {
top.dialog.msg(data.msg);
});
}
// 初始化民族ID下拉选择
function initTeamUserNationIdSelect(selectValue) {
top.restAjax.get(top.restAjax.path('api/url/selectUrl', []), {}, null, function(code, data, args) {
laytpl(document.getElementById('teamUserNationIdSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('teamUserNationIdSelectTemplateBox').innerHTML = html;
});
form.render('select', 'teamUserNationIdSelectTemplateBox');
var selectObj = {};
selectObj['teamUserNationId'] = selectValue;
form.val('dataForm', selectObj);
}, function(code, data) {
top.dialog.msg(data.msg);
});
}
// 初始化政治面貌ID下拉选择
function initTeamUserPoliticalIdSelect(selectValue) {
top.restAjax.get(top.restAjax.path('api/url/selectUrl', []), {}, null, function(code, data, args) {
laytpl(document.getElementById('teamUserPoliticalIdSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('teamUserPoliticalIdSelectTemplateBox').innerHTML = html;
});
form.render('select', 'teamUserPoliticalIdSelectTemplateBox');
var selectObj = {};
selectObj['teamUserPoliticalId'] = selectValue;
form.val('dataForm', selectObj);
}, function(code, data) {
top.dialog.msg(data.msg);
});
}
// 初始化出生日期日期
function initTeamUserBirthdayDate() {
laydate.render({
elem: '#teamUserBirthday',
type: 'date',
value: new Date(),
trigger: 'click'
});
}
// 初始化级别ID下拉选择
function initTeamUserLevelIdSelect(selectValue) {
top.restAjax.get(top.restAjax.path('api/url/selectUrl', []), {}, null, function(code, data, args) {
laytpl(document.getElementById('teamUserLevelIdSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('teamUserLevelIdSelectTemplateBox').innerHTML = html;
});
form.render('select', 'teamUserLevelIdSelectTemplateBox');
var selectObj = {};
selectObj['teamUserLevelId'] = selectValue;
form.val('dataForm', selectObj);
}, function(code, data) {
top.dialog.msg(data.msg);
});
}
// 初始化职务ID下拉选择
function initTeamUserPositionIdSelect(selectValue) {
top.restAjax.get(top.restAjax.path('api/url/selectUrl', []), {}, null, function(code, data, args) {
laytpl(document.getElementById('teamUserPositionIdSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('teamUserPositionIdSelectTemplateBox').innerHTML = html;
});
form.render('select', 'teamUserPositionIdSelectTemplateBox');
var selectObj = {};
selectObj['teamUserPositionId'] = selectValue;
form.val('dataForm', selectObj);
}, function(code, data) {
top.dialog.msg(data.msg);
});
}
// 初始化学历ID下拉选择
function initTeamUserEbIdSelect(selectValue) {
top.restAjax.get(top.restAjax.path('api/url/selectUrl', []), {}, null, function(code, data, args) {
laytpl(document.getElementById('teamUserEbIdSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('teamUserEbIdSelectTemplateBox').innerHTML = html;
});
form.render('select', 'teamUserEbIdSelectTemplateBox');
var selectObj = {};
selectObj['teamUserEbId'] = selectValue;
form.val('dataForm', selectObj);
}, function(code, data) {
top.dialog.msg(data.msg);
});
}
// 初始化内容
function initData() {
var loadLayerIndex;
top.restAjax.get(top.restAjax.path('api/teamuser/get/{teamUserId}', [teamUserId]), {}, null, function(code, data) {
var dataFormData = {};
for(var i in data) {
dataFormData[i] = data[i] +'';
}
form.val('dataForm', dataFormData);
form.render(null, 'dataForm');
initTeamUserSexIdSelect(data['teamUserSexId']);
initTeamUserNationIdSelect(data['teamUserNationId']);
initTeamUserPoliticalIdSelect(data['teamUserPoliticalId']);
initTeamUserBirthdayDate();
initTeamUserLevelIdSelect(data['teamUserLevelId']);
initTeamUserPositionIdSelect(data['teamUserPositionId']);
initTeamUserEbIdSelect(data['teamUserEbId']);
}, function(code, data) {
top.dialog.msg(data.msg);
}, function() {
loadLayerIndex = top.dialog.msg(top.dataMessage.loading, {icon: 16, time: 0, shade: 0.3});
}, function() {
top.dialog.close(loadLayerIndex);
});
}
initData();
// 提交表单
form.on('submit(submitForm)', function(formData) {
top.dialog.confirm(top.dataMessage.commit, function(index) {
top.dialog.close(index);
var loadLayerIndex;
top.restAjax.put(top.restAjax.path('api/teamuser/update/{teamUserId}', [teamUserId]), formData.field, null, function(code, data) {
var layerIndex = top.dialog.msg(top.dataMessage.updateSuccess, {
time: 0,
btn: [top.dataMessage.button.yes, top.dataMessage.button.no],
shade: 0.3,
yes: function(index) {
top.dialog.close(index);
window.location.reload();
},
btn2: function() {
closeBox();
}
});
}, function(code, data) {
top.dialog.msg(data.msg);
}, function() {
loadLayerIndex = top.dialog.msg(top.dataMessage.committing, {icon: 16, time: 0, shade: 0.3});
}, function() {
top.dialog.close(loadLayerIndex);
});
});
return false;
});
$('.close').on('click', function() {
closeBox();
});
// 校验
form.verify({
});
});
</script>
</body>
</html>