1、弹窗-数据导入
admin.popup({
title: "数据导入",
area: admin.screen() < 2 ? ['95%', '90%'] : ["500px", "220px"],
id: "LAY-popup-import",
success: function (layero, index) {
view(this.id).render('/member/add_import').done(function () {
form.render(null, 'add_import');
upload.render({
elem: '#LAY_avatarUpload'
, url: layui.setter.baseUrl + 'admin/member/member_import'
, multiple: true
, accept: 'file'
, acceptMime: '.xlsx,.csv'
, before: function (obj) {
obj.preview(function (index, file, result) {
$('#ht_file').val(file.name);
});
}
, done: function (res) {
if (res.code == 1) {
layer.msg(res.msg, { icon: 1, time: 1000 }, function () {
layer.close(index);
table.reload('list');
});
$('#ht_file').attr('type', 'text');
} else {
layer.msg(res.msg, { icon: 5, anim: 6, shade: 0.5, time: 1000 });
}
}
});
});
}
});
2、/member/add_import.html
<form class="layui-form" action="" lay-filter="add_import" style="padding: 0 20px 0 0;">
<div class="layui-form-item">
<label class="layui-form-label">上传文件</label>
<div class="layui-input-block">
<div class="">
<button type="button" class="layui-btn" id="LAY_avatarUpload" style="background-color: #5fb878;">
<i class="layui-icon"></i>选择文件</button>
<span style="height: 38px;line-height: 38px;color: #999;font-size: 13px;margin-left: 10px;">仅支持.csv或.xlsx格式</span>
</div>
<div class="" style="margin-top: 5px;">
<input type="hidden" id="ht_file" placeholder="附件地址" disabled class="layui-input">
</div>
</div>
</div>
<a onclick="xs_export()" style="color: red;margin-left: 10%;text-decoration:underline;">请点击下载导入模板,按照模板格式导入</a>
</form>
<script>
layui.use(['admin','form','upload','layedit','view','setter','layer'], function(){
var $ = layui.$
,admin = layui.admin
,setter = layui.setter
,layedit = layui.layedit
,element = layui.element
,form = layui.form
,view = layui.view
,layer = layui.layer
,upload = layui.upload
,router = layui.router();
element.render();
form.render(null, 'add_import');
window.xs_export=()=>{
window.location.href = layui.setter.baseUrl+'admin/member/member_download_template';
}
});
</script>