import.html 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  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="/static/exl/comjobs_import.xlsx" 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.config({
  32. base: '/static/echoui/' //静态资源所在路径
  33. }).extend({
  34. index: 'lib/index' //主入口模块
  35. }).use(['index', 'form', 'upload'], function() {
  36. const $ = layui.$;
  37. const admin = layui.admin;
  38. const upload = layui.upload
  39. const form = layui.form;
  40. form.render();
  41. form.on('submit({$lay_btn})', function(obj) {
  42. var index = parent.layer.getFrameIndex(window.name);
  43. admin.req({
  44. url: "{$url}",
  45. data: obj.field,
  46. type: 'post',
  47. done: function(res) {
  48. layer.msg("导入成功", {
  49. icon: 1
  50. });
  51. parent.layui.table.reload('{$last_table}'); //重载表格
  52. parent.layer.close(index);
  53. }
  54. });
  55. });
  56. upload.render({
  57. elem: '#upload'
  58. ,url: "{:url('upload/file')}" //此处配置你自己的上传接口即可
  59. ,accept: 'file' //普通文件
  60. ,done: function(res){
  61. $('#file_url').val(res.data.path);
  62. $('#file_name').val(res.data.title);
  63. }
  64. });
  65. });
  66. </script>