import.html 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <div class="layui-fluid">
  2. <div class="layui-row layui-col-space15">
  3. <div class="layui-col-md12">
  4. <div class="layui-card">
  5. <div class="layui-card-header">导入</div>
  6. <div class="layui-card-body" pad15>
  7. <div class="layui-form layui-form-pane" lay-filter="{$lay_table}">
  8. <div class="layui-form-item">
  9. <label class="layui-form-label">文件名</label>
  10. <div class="layui-input-block">
  11. <input type="text" id="file_name" autocomplete="off" readonly placeholder="请点击上传文件按钮" class="layui-input">
  12. </div>
  13. </div>
  14. <input type="hidden" name="file_url" value="" id="file_url">
  15. <div class="layui-form-item">
  16. <div class="layui-input-block">
  17. <a href="{$template_file}" target="_blank">
  18. <button type="button" class="layui-btn layui-btn-normal" id="test3">下载模板</button>
  19. </a>
  20. <button type="button" class="layui-btn layui-btn-normal" id="upload"><i class="layui-icon"></i>上传文件</button>
  21. <input type="button" lay-submit lay-filter="{$lay_btn}" value="确认提交" class="layui-btn">
  22. </div>
  23. </div>
  24. </div>
  25. </div>
  26. </div>
  27. </div>
  28. </div>
  29. </div>
  30. <script>
  31. layui.use(['index', 'form', 'upload'], function() {
  32. const $ = layui.$;
  33. const admin = layui.admin;
  34. const upload = layui.upload;
  35. const form = layui.form;
  36. form.render();
  37. form.on('submit({$lay_btn})', function(obj) {
  38. var index = parent.layer.getFrameIndex(window.name);
  39. admin.req({
  40. url: "{$url}",
  41. data: obj.field,
  42. type: 'post',
  43. done: function(res) {
  44. layer.msg("导入成功", {
  45. icon: 1
  46. });
  47. parent.layui.table.reload('{$last_table}'); //重载表格
  48. parent.layer.close(index);
  49. }
  50. });
  51. });
  52. upload.render({
  53. elem: '#upload'
  54. ,url: "{:url('upload/file')}" //此处配置你自己的上传接口即可
  55. ,accept: 'file' //普通文件
  56. ,done: function(res){
  57. $('#file_url').val(res.data.path);
  58. $('#file_name').val(res.data.title);
  59. }
  60. });
  61. });
  62. </script>