440 lines
22 KiB
HTML
440 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 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/listfilebyfileid', []), {
|
||
|
|
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/downloadfile/true/'+ item.fileId,
|
||
|
|
type: 'video/mp4'
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// 初始化出生日期
|
||
|
|
function initBirthday() {
|
||
|
|
laydate.render({
|
||
|
|
elem: '#birthday',
|
||
|
|
type: 'date',
|
||
|
|
value: new Date(),
|
||
|
|
trigger: 'click'
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
// 初始化预计离开日期日期
|
||
|
|
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() {
|
||
|
|
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');
|
||
|
|
}, function(code, data) {
|
||
|
|
top.dialog.msg(data.msg);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
// 初始化宗教信仰下拉选择
|
||
|
|
function initReligiousBeliefSelect() {
|
||
|
|
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');
|
||
|
|
}, function(code, data) {
|
||
|
|
top.dialog.msg(data.msg);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
// 初始化证件代码下拉选择
|
||
|
|
function initCardCodeSelect() {
|
||
|
|
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');
|
||
|
|
}, function(code, data) {
|
||
|
|
top.dialog.msg(data.msg);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
// 初始化内容
|
||
|
|
function initData() {
|
||
|
|
top.restAjax.get(top.restAjax.path('api/overseaspersonnel/getcurrentuseridinfo', []), {}, null, function(code, data) {
|
||
|
|
initBirthday();
|
||
|
|
initLeaveDateDate();
|
||
|
|
initArriveDateDate();
|
||
|
|
initNationalitySelect();
|
||
|
|
initReligiousBeliefSelect();
|
||
|
|
initCardCodeSelect();
|
||
|
|
}, 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.post(top.restAjax.path('api/overseaspersonnel/saveoverseaspersonnel', []), formData.field, null, function(code, data) {
|
||
|
|
var layerIndex = top.dialog.msg(top.dataMessage.commitSuccess, {
|
||
|
|
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>
|