415 lines
22 KiB
HTML
415 lines
22 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<base href="/population/">
|
||
<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" id="dataForm">
|
||
<div class="layui-form-item layui-row">
|
||
<div class="layui-col-lg6">
|
||
<label class="layui-form-label"><span style="color:red;">*</span>外文姓</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="surname" name="surname" class="layui-input" value="" lay-verify="required" lay-reqText="12" placeholder="请输入外文姓" >
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-lg6">
|
||
<label class="layui-form-label"><span style="color:red;">*</span>外文名</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="name" name="name" class="layui-input" value="" lay-verify="required" placeholder="请输入外文名" >
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item layui-row">
|
||
<div class="layui-col-lg6">
|
||
<label class="layui-form-label">中文姓名</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="chineseName" name="chineseName" class="layui-input" value="" placeholder="请输入中文姓名" >
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-lg6">
|
||
<label class="layui-form-label"><span style="color:red;">*</span>性别</label>
|
||
<div class="layui-input-block">
|
||
<select id="sex" name="sex" lay-verify="required">
|
||
<option value="">请选择性别</option>
|
||
<option value="0">未知的性别</option>
|
||
<option value="1">男性</option>
|
||
<option value="2">女性</option>
|
||
<option value="9">未说明的性别</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item layui-row">
|
||
<div class="layui-col-lg6">
|
||
<label class="layui-form-label"><span style="color:red;">*</span>出生日期</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="birthday" name="birthday" class="layui-input" value="" placeholder="请选择出生日期" lay-verify="required" readonly style="cursor: pointer;" lay-verify="required">
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-lg6">
|
||
<label class="layui-form-label" style="width: 130px;"><span style="color:red;">*</span>国籍（地区）</label>
|
||
<div class="layui-input-block layui-form" style="margin-left: 130px;" id="nationalitySelectTemplateBox" lay-filter="nationalitySelectTemplateBox"></div>
|
||
<script id="nationalitySelectTemplate" type="text/html">
|
||
<select id="nationality" name="nationality" lay-verify="required">
|
||
<option value="">请选择国籍（地区）</option>
|
||
{{# for(var i = 0, item; item = d[i++];) { }}
|
||
<option value="{{item.dictionaryName}}">{{item.dictionaryName}}</option>
|
||
{{# } }}
|
||
</select>
|
||
</script>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item layui-row">
|
||
<div class="layui-col-lg6">
|
||
<label class="layui-form-label">宗教信仰</label>
|
||
<div class="layui-input-block layui-form" id="religiousBeliefSelectTemplateBox" lay-filter="religiousBeliefSelectTemplateBox"></div>
|
||
<script id="religiousBeliefSelectTemplate" type="text/html">
|
||
<select id="religiousBelief" name="religiousBelief" lay-verify="required">
|
||
<option value="">请选择宗教信仰</option>
|
||
{{# for(var i = 0, item; item = d[i++];) { }}
|
||
<option value="{{item.dictionaryName}}">{{item.dictionaryName}}</option>
|
||
{{# } }}
|
||
</select>
|
||
</script>
|
||
</div>
|
||
<div class="layui-col-lg6">
|
||
<label class="layui-form-label"><span style="color:red;">*</span>证件代码</label>
|
||
<div class="layui-input-block layui-form" id="cardCodeSelectTemplateBox" lay-filter="cardCodeSelectTemplateBox"></div>
|
||
<script id="cardCodeSelectTemplate" type="text/html">
|
||
<select id="cardCode" name="cardCode" lay-verify="required">
|
||
<option value="">请选择证件代码</option>
|
||
{{# for(var i = 0, item; item = d[i++];) { }}
|
||
<option value="{{item.dictionaryName}}">{{item.dictionaryName}}</option>
|
||
{{# } }}
|
||
</select>
|
||
</script>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item layui-row">
|
||
<div class="layui-col-lg6">
|
||
<label class="layui-form-label"><span style="color:red;">*</span>证件号码</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="cardNumber" name="cardNumber" class="layui-input" value="" lay-verify="required" placeholder="请输入证件号码" >
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-lg6">
|
||
<label class="layui-form-label"><span style="color:red;">*</span>证件有效期</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="cardYear" name="cardYear" class="layui-input" value="" lay-verify="required" placeholder="请输入证件有效期" >
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item layui-row">
|
||
<div class="layui-col-lg6">
|
||
<label class="layui-form-label"><span style="color:red;">*</span>联系方式</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="phone" name="phone" class="layui-input" value="" lay-verify="required" placeholder="请输入联系方式" >
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-lg6">
|
||
<label class="layui-form-label"><span style="color:red;">*</span>来华目的</label>
|
||
<div class="layui-input-block">
|
||
<select id="toChinaPurpose" name="toChinaPurpose" lay-verify="required">
|
||
<option value="">请选择来华目的</option>
|
||
<option value="01">商务</option>
|
||
<option value="02">就业</option>
|
||
<option value="03">学习</option>
|
||
<option value="04">定居</option>
|
||
<option value="05">探亲</option>
|
||
<option value="99">其他</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item layui-row">
|
||
<div class="layui-col-lg6">
|
||
<label class="layui-form-label">职业类别</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="occupationType" name="occupationType" class="layui-input" value="" placeholder="请选择职业类别" >
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-lg6">
|
||
<label class="layui-form-label">职业</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="occupation" name="occupation" class="layui-input" value="" placeholder="请输入职业" >
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">服务处所</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="serviceAddress" name="serviceAddress" class="layui-input" value="" placeholder="请输入服务处所" >
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label"><span style="color:red;">*</span>现住地</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="liveAddress" name="liveAddress" class="layui-input" value="" lay-verify="required" placeholder="请输入现住地" >
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label" style="width: 150px;"><span style="color:red;">*</span>现住门（楼）祥址</label>
|
||
<div class="layui-input-block" style="margin-left: 150px;">
|
||
<input type="text" id="liveDetailAddress" name="liveDetailAddress" class="layui-input" value="" lay-verify="required" placeholder="请输入现住门（楼）祥址" >
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item layui-row">
|
||
<div class="layui-col-lg6">
|
||
<label class="layui-form-label"><span style="color:red;">*</span>抵达日期</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="arriveDate" name="arriveDate" class="layui-input" value="" placeholder="请选择抵达日期" readonly style="cursor: pointer;" lay-verify="required">
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-lg6">
|
||
<label class="layui-form-label" style="width: 135px;"><span style="color:red;">*</span>预计离开日期</label>
|
||
<div class="layui-input-block" style="margin-left: 135px;">
|
||
<input type="text" id="leaveDate" name="leaveDate" class="layui-input" value="" placeholder="请选择预计离开日期" readonly style="cursor: pointer;" lay-verify="required">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item" pane>
|
||
<label class="layui-form-label" style="width: 150px;">是否重点关注人员</label>
|
||
<div class="layui-input-block layui-form" style="margin-left: 150px;" id="keyOfFollowRadioTemplateBox" lay-filter="keyOfFollowRadioTemplateBox">
|
||
<input type="radio" name="keyOfFollow" value="0" title="否" checked>
|
||
<input type="radio" name="keyOfFollow" value="1" title="是">
|
||
</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 overseasPersonnelId = top.restAjax.params(window.location.href).overseasPersonnelId;
|
||
|
||
function closeBox() {
|
||
parent.layer.close(parent.layer.getFrameIndex(window.name));
|
||
}
|
||
|
||
// 初始化预计离开日期日期
|
||
function initLeaveDateDate() {
|
||
laydate.render({
|
||
elem: '#leaveDate',
|
||
type: 'date',
|
||
value: new Date(),
|
||
trigger: 'click'
|
||
});
|
||
}
|
||
|
||
// 初始化抵达日期日期
|
||
function initArriveDateDate() {
|
||
laydate.render({
|
||
elem: '#arriveDate',
|
||
type: 'date',
|
||
value: new Date(),
|
||
trigger: 'click'
|
||
});
|
||
}
|
||
|
||
// 点击职业类别选择输入框，弹出层方法
|
||
$(document).on('click', '#occupationType', function() {
|
||
top.dialog.open({
|
||
url: top.restAjax.path('route/overseaspersonnel/list-tree.html?showName=职业类别1', []),
|
||
title: '选择单位类型',
|
||
width: '1040px',
|
||
height: '98%',
|
||
onClose: function(data) {
|
||
$("#occupationType").val(top.dialog.dialogData.dictionaryName);
|
||
}
|
||
});
|
||
});
|
||
|
||
// 点击现住地选择输入框，弹出层方法
|
||
$(document).on('click', '#liveAddress', function() {
|
||
top.dialog.open({
|
||
url: top.restAjax.path('route/overseaspersonnel/select-area.html', []),
|
||
title: '选择现住地',
|
||
width: '1040px',
|
||
height: '100%',
|
||
onClose: function(data) {
|
||
$('#liveAddress').val(top.dialog.dialogData.liveAddressName);
|
||
}
|
||
});
|
||
});
|
||
|
||
// 初始化国籍（地区）下拉选择
|
||
function initNationalitySelect(selectValue) {
|
||
top.restAjax.get(top.restAjax.path('api/datadictionary/listdictionarybyparentid/1c9098f8-155a-453e-8766-51d8df1556b3', []), {}, null, function(code, data, args) {
|
||
laytpl(document.getElementById('nationalitySelectTemplate').innerHTML).render(data, function(html) {
|
||
document.getElementById('nationalitySelectTemplateBox').innerHTML = html;
|
||
});
|
||
form.render('select', 'nationalitySelectTemplateBox');
|
||
|
||
var selectObj = {};
|
||
selectObj['nationality'] = selectValue;
|
||
form.val('dataForm', selectObj);
|
||
}, function(code, data) {
|
||
top.dialog.msg(data.msg);
|
||
});
|
||
}
|
||
|
||
// 初始化宗教信仰下拉选择
|
||
function initReligiousBeliefSelect(selectValue) {
|
||
top.restAjax.get(top.restAjax.path('api/datadictionary/listdictionarybyparentid/73f3e1fd-02c0-4238-95fe-9e944f2ba6c7', []), {}, null, function(code, data, args) {
|
||
laytpl(document.getElementById('religiousBeliefSelectTemplate').innerHTML).render(data, function(html) {
|
||
document.getElementById('religiousBeliefSelectTemplateBox').innerHTML = html;
|
||
});
|
||
form.render('select', 'religiousBeliefSelectTemplateBox');
|
||
|
||
var selectObj = {};
|
||
selectObj['religiousBelief'] = selectValue;
|
||
form.val('dataForm', selectObj);
|
||
}, function(code, data) {
|
||
top.dialog.msg(data.msg);
|
||
});
|
||
}
|
||
|
||
// 初始化证件代码下拉选择
|
||
function initCardCodeSelect(selectValue) {
|
||
top.restAjax.get(top.restAjax.path('api/datadictionary/listdictionarybyparentid/76c5044f-805a-4313-b1e8-79e966b97c0d', []), {}, null, function(code, data, args) {
|
||
laytpl(document.getElementById('cardCodeSelectTemplate').innerHTML).render(data, function(html) {
|
||
document.getElementById('cardCodeSelectTemplateBox').innerHTML = html;
|
||
});
|
||
form.render('select', 'cardCodeSelectTemplateBox');
|
||
|
||
var selectObj = {};
|
||
selectObj['cardCode'] = selectValue;
|
||
form.val('dataForm', selectObj);
|
||
}, function(code, data) {
|
||
top.dialog.msg(data.msg);
|
||
});
|
||
}
|
||
|
||
function backData(data) {
|
||
$("#dataForm").find('select').each(function(){
|
||
var selId;
|
||
selId = $(this).attr('id');
|
||
$('#' + selId + ' option').each(function () {
|
||
for(var key in data) {
|
||
if(key == selId) {
|
||
if ($(this).text() == data[key]) {
|
||
var val = $(this).val();
|
||
var select = 'dd[lay-value=' + val + ']';
|
||
$('#' + key).siblings("div.layui-form-select").find('dl').find(select).click();
|
||
}
|
||
}
|
||
}
|
||
});
|
||
});
|
||
}
|
||
|
||
// 初始化内容
|
||
function initData() {
|
||
var loadLayerIndex;
|
||
top.restAjax.get(top.restAjax.path('api/overseaspersonnel/getoverseaspersonnelbyid/{overseasPersonnelId}', [overseasPersonnelId]), {}, null, function(code, data) {
|
||
var dataFormData = {};
|
||
for(var i in data) {
|
||
dataFormData[i] = data[i] +'';
|
||
}
|
||
form.val('dataForm', dataFormData);
|
||
form.render(null, 'dataForm');
|
||
initLeaveDateDate();
|
||
initArriveDateDate();
|
||
initNationalitySelect(data['nationality']);
|
||
initReligiousBeliefSelect(data['religiousBelief']);
|
||
initCardCodeSelect(data['cardCode']);
|
||
backData(data);
|
||
}, 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();
|
||
|
||
function valueFun(formData) {
|
||
$("#dataForm").find('select').each(function(){
|
||
var value;
|
||
var selId;
|
||
value = $(this).find('option:selected').text();
|
||
selId = $(this).attr('id');
|
||
formData.field['' + selId] = value;
|
||
});
|
||
}
|
||
|
||
// 提交表单
|
||
form.on('submit(submitForm)', function(formData) {
|
||
valueFun(formData);
|
||
top.dialog.confirm(top.dataMessage.commit, function(index) {
|
||
top.dialog.close(index);
|
||
var loadLayerIndex;
|
||
top.restAjax.put(top.restAjax.path('api/overseaspersonnel/updateoverseaspersonnel/{overseasPersonnelId}', [overseasPersonnelId]), 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> |