hn_cloud_web/smz-web/pages/work/talentTrade/contactInfoForm.html

198 lines
8.3 KiB
HTML
Raw Normal View History

2025-11-27 16:55:35 +08:00
<!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>