164 lines
7.7 KiB
HTML
164 lines
7.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<base href="/"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>专家库管理系统</title>
|
|
<link rel="stylesheet" href="assets/crpm/js/layui/css/layui.css" />
|
|
<link rel="stylesheet" href="assets/crpm/index/index7/index7.css" />
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<div class="form-container">
|
|
<form class="layui-form" lay-filter="dataForm">
|
|
<div class="form-header">数据统计新增数据</div>
|
|
<div class="form-body">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label7">专家姓名<span class="redtips">*</span></label>
|
|
<div class="layui-input-block">
|
|
<input type="text" class="layui-input" name="zjxm" placeholder="请输入专家姓名">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label7">专家领域<span class="redtips">*</span></label>
|
|
<div class="layui-input-block">
|
|
<input type="text" class="layui-input" name="zjly" placeholder="请输入专家领域">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label7">所属机构<span class="redtips">*</span></label>
|
|
<div class="layui-input-block">
|
|
<input type="text" class="layui-input" name="ssjg" placeholder="请输入所属机构">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label7">联系方式<span class="redtips">*</span></label>
|
|
<div class="layui-input-block">
|
|
<input type="text" class="layui-input" name="lxfs" placeholder="请输入联系方式">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label7">电子邮件<span class="redtips">*</span></label>
|
|
<div class="layui-input-block">
|
|
<input type="text" class="layui-input" name="dzyj" placeholder="请输入电子邮件">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label7">参与项目数<span class="redtips">*</span></label>
|
|
<div class="layui-input-block">
|
|
<input type="text" class="layui-input" name="cyxms" placeholder="请输入参与项目数">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label7">发表文章数<span class="redtips">*</span></label>
|
|
<div class="layui-input-block">
|
|
<input type="text" class="layui-input" name="fbwzs" placeholder="请输入发表文章数">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label7">最近一次活动日期<span class="redtips">*</span></label>
|
|
<div class="layui-input-block">
|
|
<!-- <input type="text" class="layui-input" name="zjychdrq" placeholder="请输入最近一次活动日期">-->
|
|
<input type="text" class="layui-input laydate-input" name="zjychdrq" placeholder="请输入最近一次活动日期">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label7">专家评分<span class="redtips">*</span></label>
|
|
<div class="layui-input-block">
|
|
<input type="text" class="layui-input" name="zjpf" placeholder="请输入专家评分">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label7">专家简介<span class="redtips">*</span></label>
|
|
<div class="layui-input-block">
|
|
<input type="text" class="layui-input" name="zjjj" placeholder="请输入专家简介">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-footer">
|
|
<div class="layui-btn-group">
|
|
<button type="button" class="layui-btn layui-btn-sm" id="submitBtn" lay-submit lay-filter="confirmFilter">提交</button>
|
|
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="closeBtn" lay-submit lay-filter="closeFilter">关闭</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<script src="assets/crpm/js/layui/layui.js"></script>
|
|
<script>
|
|
layui.use(['laydate'], function () {
|
|
var laydate = layui.laydate;
|
|
// 获取class为laydate-input的元素
|
|
var laydateInput = document.querySelectorAll('.laydate-input');
|
|
laydate.render({
|
|
elem: laydateInput,
|
|
type: 'date', // 设置类型为日期时间，可选择年月日时分秒
|
|
format: 'yyyy-MM-dd', // 自定义显示格式，可按需调整
|
|
theme: 'grid', // 选择主题，可根据喜好更换，比如 'default'、'grid' 等
|
|
trigger: 'click' // 触发方式，这里是点击输入框触发，还可以是 'focus' 等
|
|
});
|
|
});
|
|
layui.use(['form'], function () {
|
|
var form = layui.form;
|
|
var layer = layui.layer;
|
|
var util = layui.util;
|
|
var $ = layui.$;
|
|
var $win = $(window);
|
|
|
|
var close = function() {
|
|
top.layer.close(top.layer.getFrameIndex(window.name))
|
|
}
|
|
|
|
var init = function() {}
|
|
|
|
var addEvent = function() {
|
|
// 提交表单
|
|
form.on('submit(confirmFilter)', function(formData) {
|
|
top.layer.confirm('确定提交吗？', {title: false}, function(index) {
|
|
top.layer.close(index);
|
|
var loadingIndex;
|
|
$.ajax({
|
|
url: 'api/data/save/c3a63a/785671',
|
|
type: 'POST',
|
|
contentType: 'application/json',
|
|
dataType: 'json',
|
|
data: JSON.stringify(formData.field),
|
|
success: function(resp) {
|
|
var loadLayerIndex;
|
|
var layerIndex = top.layer.confirm('保存成功，继续添加？', {title: false}, function(index) {
|
|
top.layer.close(index);
|
|
window.location.reload();
|
|
}, function() {
|
|
close();
|
|
});
|
|
},
|
|
error: function(resp) {
|
|
var data = JSON.parse(resp.responseText);
|
|
top.layer.msg(data.msg);
|
|
},
|
|
beforeSend: function() {
|
|
loadingIndex = top.layer.msg('正在提交...', {
|
|
icon: 16,
|
|
shade: 0.01
|
|
});;
|
|
},
|
|
complete: function() {
|
|
top.layer.close(loadingIndex);
|
|
}
|
|
})
|
|
});
|
|
return false;
|
|
});
|
|
form.on('submit(closeFilter)', function(formData) {
|
|
close();
|
|
});
|
|
}
|
|
|
|
init();
|
|
addEvent();
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|