导入
作者：zaikun_admin时间：2023-03-08点击量：17次
{include file="/public/header"}
<body>
<div class="add-tab-long">
<div class="download-btn">
<a href="/import/teacher.xlsx">下载导入模板</a>
</div>
<hr>
<div style="margin-top: 30px;">
<form class="layui-form" enctype="multipart/form-data">
<input type="hidden" name="type_id" value="5">
<input type="hidden" name="sort" value="{$sort}">
<div class="layui-form-item" style="margin-left: 42px;">
<div class="layui-input-inline" style="width: 122px;">
<button type="button" class="layui-btn" name="file" lay-verify="file" id="test3"><i class="layui-icon"></i>上传文件</button>
</div>
</div>
<div class="layui-form-item" style="margin-left: 42px;">
<div class="layui-input-inline">
<button class="layui-btn" lay-filter="add" lay-submit="add">
导入
</button>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<div style="line-height: 35px;">
注：
<p>1.文件大小：请上传小于10M的文件</p>
<p>2.文件类型：上传时首先
<span class="common-a">
<a href="/import/teacher.xlsx">下载导入模板</a>
</span>，填好信息后上传</p>
</div>
</div>
</div>
</form>
</div>
<script>
layui.use(['form', 'layer','upload'], function () {
$ = layui.jquery;
var form = layui.form
, layer = layui.layer;
var $ = layui.jquery,
upload = layui.upload;
upload.render({
elem: '#test3'
,url: '{:url(\'upload\')}'
,accept: 'file' //普通文件
,exts: 'xls|xlsx'
,size:'10240'
,done: function(res){
$('#test3').append('<input type="text" name="file" id="file" lay-verify="file" value="'+res.data +'" />')
}
});
//监听提交
form.on('submit(add)', function(data){
console.log(data);
$(this).text("提交中...").attr("disabled", "disabled").addClass("layui-disabled").html('<span style="margin-right: 10px">导入中...</span> <i class="layui-icon layui-icon-loading layui-anim layui-anim-rotate layui-anim-loop"></i>');
//发异步，把数据提交给php
$.post('{:url(\'saveImportTeacher\')}',$('form').serialize(),function(data){
if(data.res == 1){
layer.msg(data.msg);
setTimeout(function(){parent.window.location.reload();},1000);
}else if(data.res == 0){
layer.alert(data.msg,{icon: 2});
}else{
layer.alert('操作失败',{icon: 2});
}
})
return false;
});
});
</script>
</div>
</body>
</html>