198 lines
8.3 KiB
HTML
198 lines
8.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>用工信息新增</title>
|
||
<link rel="stylesheet" type="text/css" media="screen"
|
||
href="../../../layui/css/layui.css">
|
||
<script type="text/javascript"
|
||
src="../../../js/libs/jquery-3.7.1.min.js"></script>
|
||
<script type="text/javascript" src="../../../layui/layui.js"></script>
|
||
<script type="text/javascript" src="../../../js/publicJs.js"></script>
|
||
<script type="text/javascript" src="../../../js/jq.js"></script>
|
||
<style type="text/css">
|
||
.layui-form-label {
|
||
width: 120px;
|
||
}
|
||
.layui-input-block {
|
||
margin-left: 150px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="layui-form" style="margin-top: 10%;margin-left: 10%;">
|
||
<form class="layui-form" id="projectForm" action="">
|
||
<input type="hidden" id="id" name="id">
|
||
<div class="layui-form-item" style="width: 60%;">
|
||
<label class="layui-form-label"><i class="tip-required" style="color: red; font-size: 20px">*</i>
|
||
部门:</label>
|
||
<div class="layui-input-block">
|
||
<input style="disabled:disabled" type="text" readonly value="公司级账户（农管中心）" name="departMent" id="departMent" required
|
||
class="layui-input">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item" style="width: 60%;">
|
||
<label class="layui-form-label"><i class="tip-required"
|
||
style="color: red; font-size: 20px">*</i>联系人:</label>
|
||
<div class="layui-input-block">
|
||
<!-- <input style="disabled:disabled" type="text" name="releasePeople" id="releasePeople" required-->
|
||
<!-- lay-verify="required|releasePeople|userName" class="layui-input">-->
|
||
<select class="form-control input-sm" name="releasePeople" id="releasePeople">
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item" style="width: 60%;">
|
||
<label style="position: absolute;" class="layui-form-label"><i class="tip-required"
|
||
style="color: red; font-size: 20px">*</i> 联系方式:</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="releaseWay" id="releaseWay" required lay-verify="required|releaseWay"
|
||
class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label"><i class="tip-required"
|
||
style="color: red; font-size: 20px">*</i>审核类型:</label>
|
||
<div class="layui-input-inline">
|
||
<select name="auditType" id="auditType" class="layui-select" required lay-verify="required">
|
||
<option value="">请选择</option>
|
||
<option value="0">务工</option>
|
||
<option value="1">用工</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item" style="display: none">
|
||
<div class="layui-input-block">
|
||
<button type="button" class="layui-btn" id="commit" lay-submit lay-filter="formDemo">提交</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</body>
|
||
<script>
|
||
var type = localStorage.getItem("type");
|
||
var id = localStorage.getItem("id");
|
||
var layuiForm;
|
||
$(function () {
|
||
layui.use(['layer','form','table'], function () {
|
||
var layer = layui.layer;
|
||
var form = layui.form;
|
||
layuiForm = form;
|
||
var table = layui.table;
|
||
form.render();
|
||
form.verify({
|
||
releaseWay: [/^((13[0-9])|(14(0|[5-7]|9))|(15[0-9])|(16(2|[5-7]))|(17[0-8])|(18[0-9])|(19([0-3]|[5-9])))\d{8}$/, '请正确输入联系方式'],
|
||
objName:[/^[\u4e00-\u9fa5_a-zA-Z0-9]{1,20}$/,'请输入1-20位的长度'],//企业事业单位名称
|
||
userName:[/^[\u4e00-\u9fa5_a-zA-Z]{2,15}$/,'请输入2-15位中英文用户名'],//用户名
|
||
});
|
||
formValidation();
|
||
// 验证成功后才会执行下面的操作
|
||
form.on('submit(formDemo)', function (data) {
|
||
addInfo(data); // 新增工程
|
||
});
|
||
});
|
||
if(type == "1"){
|
||
getPersonName();
|
||
}
|
||
})
|
||
function addInfo(formData) {
|
||
// 加载提示
|
||
var loadingMsg = layer.msg('数据请求中,请稍候...', {icon: 16, scrollbar: false, time: 0, shade: [0.8, '#393D49']});
|
||
// form请求地址
|
||
var formUrl
|
||
if (type == 1){
|
||
formUrl = ctxPath + "/releaseWorkInfo/addContactInfo";
|
||
}else if(type == 2){
|
||
formUrl = ctxPath + "/releaseWorkInfo/updateContactInfo";
|
||
}
|
||
|
||
$.ajax({
|
||
type: 'POST',
|
||
async: false, // 默认异步true,false表示同步
|
||
url: formUrl, // 请求地址project
|
||
contentType: "application/json; charset=utf-8",
|
||
dataType: 'text', // 服务器返回数据类型
|
||
data: JSON.stringify(formData.field), //获取提交的表单字段
|
||
success: function (data) {
|
||
var tip;
|
||
if (type == 2){
|
||
tip = "修改"
|
||
}else {
|
||
tip = "新增"
|
||
}
|
||
layer.close(loadingMsg); // 关闭提示层
|
||
if (data != 'error') {
|
||
parent.layer.alert(tip+'成功', {icon: 1}, function () {
|
||
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
|
||
parent.layer.close(index); //再执行关闭
|
||
window.parent.location.reload();//刷新父页面
|
||
});
|
||
} else {
|
||
parent.layer.alert(tip+ '失败', {icon: 2}, function () {
|
||
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
|
||
parent.layer.close(index); //再执行关闭
|
||
// window.parent.location.reload();//刷新父页面
|
||
});
|
||
}
|
||
},
|
||
error: function (XMLHttpRequest, textStatus, e) {
|
||
layer.close(loadingMsg);
|
||
layer.msg('数据请求发生异常,请稍后重试', {icon: 16, scrollbar: false});
|
||
}
|
||
});
|
||
}
|
||
|
||
function setData(data){
|
||
$("#id").val(id);
|
||
$("#departMent").val(data[0].departMent);
|
||
|
||
$("#releaseWay").val(data[0].releaseWay);
|
||
$("#auditType").val(data[0].auditType);
|
||
getPersonName(layuiForm,data[0].releasePerson);
|
||
}
|
||
|
||
function formValidation(){
|
||
$("#releaseWay").blur(function () {//工程名称
|
||
var releaseWay = $(this).val();
|
||
if (releaseWay == '' || releaseWay == null) {
|
||
layer.msg('请输入联系人方式');
|
||
return false;
|
||
}else if(releaseWay.length != 11){
|
||
layer.msg('请输入正确联系人方式');
|
||
return false;
|
||
}
|
||
});
|
||
|
||
}
|
||
|
||
/**
|
||
* 获取农管中心人员
|
||
* */
|
||
function getPersonName(layuiForm,id) {
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: ctxPath + '/releaseWorkInfoAudit/getPersonName',
|
||
dataType: 'json',
|
||
success: function (data) {
|
||
if (data.length > 0) {
|
||
var html = '<option value="">--请选择联系人--</option>';
|
||
for (var i = 0; i < data.length; i++) {
|
||
if(data[i].id === id){
|
||
html += '<option value=\'' + data[i].id + '\' selected>' + data[i].name + '</option>';
|
||
}else{
|
||
html += '<option value=\'' + data[i].id + '\'>' + data[i].name + '</option>';
|
||
}
|
||
|
||
}
|
||
$("#releasePeople").append(html);
|
||
layui.form.render('select'); //这里就是我们要渲染的地方了
|
||
}
|
||
},
|
||
error: function (err) {
|
||
console.log("获取行政区code下拉列表出错：", err);
|
||
}
|
||
})
|
||
}
|
||
</script>
|
||
</html> |