importview.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  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-comjobs-comjobsform-edit">
  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-comjobs-comjobsimport-edit-submit" 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. var $ = layui.$,setter = layui.setter, admin = layui.admin, upload = layui.upload,form = layui.form;
  37. form.render();
  38. form.on('submit(LAY-comjobs-comjobsimport-edit-submit)', function(obj) {
  39. var index = parent.layer.getFrameIndex(window.name);
  40. admin.req({
  41. url: setter.baseWorkerUrl + 'comjobs/import',
  42. data: obj.field,
  43. type: 'post',
  44. done: function(res) {
  45. layer.msg("导入成功", {
  46. icon: 1
  47. });
  48. parent.layui.table.reload('LAY-comjobs-comjobslist-table'); //重载表格
  49. parent.layer.close(index);
  50. }
  51. });
  52. });
  53. upload.render({
  54. elem: '#upload'
  55. ,url: setter.baseAdminUrl + 'attachment/tplFieldFile' //此处配置你自己的上传接口即可
  56. ,accept: 'file' //普通文件
  57. ,done: function(res){
  58. $('#file_url').val(res.data.path);
  59. $('#file_name').val(res.data.title);
  60. }
  61. });
  62. });
  63. </script>