434 lines
22 KiB
HTML
434 lines
22 KiB
HTML
|
<!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>
|