174 lines
7.4 KiB
HTML
174 lines
7.4 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<base href="/"/>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<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">姓名</label>
|
||
|
|
<div class="layui-input-block">
|
||
|
|
<input type="text" class="layui-input" name="xm" placeholder="请输入姓名">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<label class="layui-form-label7">性别</label>
|
||
|
|
<div class="layui-input-block">
|
||
|
|
<input type="text" class="layui-input" name="xb" placeholder="请输入性别">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<label class="layui-form-label7">出生日期</label>
|
||
|
|
<div class="layui-input-block">
|
||
|
|
<input type="text" class="layui-input" name="csrq" placeholder="请输入出生日期">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<label class="layui-form-label7">职称</label>
|
||
|
|
<div class="layui-input-block">
|
||
|
|
<input type="text" class="layui-input" name="zc" placeholder="请输入职称">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<label class="layui-form-label7">专业领域</label>
|
||
|
|
<div class="layui-input-block">
|
||
|
|
<input type="text" class="layui-input" name="zyly" placeholder="请输入专业领域">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<label class="layui-form-label7">工作单位</label>
|
||
|
|
<div class="layui-input-block">
|
||
|
|
<input type="text" class="layui-input" name="gzdw" placeholder="请输入工作单位">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<label class="layui-form-label7">联系方式</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">电子邮箱</label>
|
||
|
|
<div class="layui-input-block">
|
||
|
|
<input type="text" class="layui-input" name="dzyx" placeholder="请输入电子邮箱">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<label class="layui-form-label7">专家简介</label>
|
||
|
|
<div class="layui-input-block">
|
||
|
|
<input type="text" class="layui-input" name="zjjj" placeholder="请输入专家简介">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<label class="layui-form-label7">头像URL</label>
|
||
|
|
<div class="layui-input-block">
|
||
|
|
<input type="text" class="layui-input" name="txURL" placeholder="请输入头像URL">
|
||
|
|
</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(['form'], function () {
|
||
|
|
var form = layui.form;
|
||
|
|
var layer = layui.layer;
|
||
|
|
var util = layui.util;
|
||
|
|
var $ = layui.$;
|
||
|
|
var $win = $(window);
|
||
|
|
var id = layui.url().search.id;
|
||
|
|
|
||
|
|
var close = function() {
|
||
|
|
top.layer.close(top.layer.getFrameIndex(window.name))
|
||
|
|
}
|
||
|
|
|
||
|
|
var init = function() {
|
||
|
|
var loadingIndex;
|
||
|
|
$.ajax({
|
||
|
|
url: 'api/data/get/c3a63a/f56928/id/'+ id,
|
||
|
|
success: function(resp) {
|
||
|
|
form.val('dataForm', resp);
|
||
|
|
form.render(null, 'dataForm');
|
||
|
|
},
|
||
|
|
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);
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
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/update/c3a63a/f56928/id/' + id,
|
||
|
|
type: 'PUT',
|
||
|
|
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>
|