FaultReport.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4. <meta charset="UTF-8">
  5. <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
  6. <title></title>
  7. <link rel="stylesheet" href="../layui-v2.6.8/layui/css/layui.css" media="all">
  8. </head>
  9. <style>
  10. </style>
  11. <body>
  12. <ul class="layui-nav layui-bg-blue" lay-bar="disabled">
  13. <li class="layui-nav-item"><a href="http://localhost:8090/indexPro">风电生产日报导入</a></li>
  14. <li class="layui-nav-item"><a href=""></a></li>
  15. <li class="layui-nav-item layui-this"><a href="http://localhost:8090/indexFault">风电故障日报导入</a></li>
  16. </ul>
  17. <div class="layui-form-item" style="height: 30px"></div>
  18. <form id="uploadForm" enctype="multipart/form-data" class="layui-form" >
  19. <div class="layui-form-item">
  20. <div class="layui-inline">
  21. <label class="layui-form-label">区域</label>
  22. <div class="layui-input-block">
  23. <select name="interest" lay-filter="aihao" id = "departId">
  24. <!-- <option value="185SC">山西</option>-->
  25. <!-- <option value="131SC">太旗</option>-->
  26. <option value="198sc">宁夏新能源</option>
  27. </select>
  28. </div>
  29. </div>
  30. <!--<div class="layui-inline">
  31. <label class="layui-form-label">日期</label>
  32. <div class="layui-input-inline">
  33. <input type="text" name="date" id="demoTest" required lay-verify="required" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
  34. </div>
  35. </div>-->
  36. <div class="layui-inline">
  37. <label class="layui-form-label">文件选择</label>
  38. <div class="layui-input-inline">
  39. <input id="file" type="file" name="file" required lay-verify="required" autocomplete="off" class="layui-input">
  40. </div>
  41. </div>
  42. </div>
  43. <div class="layui-form-item">
  44. <div class="layui-input-block">
  45. <button id="upload" type="button" class="layui-btn layui-btn-lg layui-btn-normal" lay-submit lay-filter="uploadForm">提交</button>
  46. </div>
  47. </div>
  48. </form>
  49. <br>
  50. <script src="../laydate/laydate.js"></script> <!-- 改成你的路径 -->
  51. <script src="../layui-v2.6.8/layui/layui.js"></script>
  52. <script src="../md5.js"></script><!-- 改成你的路径 -->
  53. <script>
  54. layui.use(['layer','form'], function(){
  55. var form = layui.form;
  56. //监听提交
  57. form.on('submit(uploadForm)', function(data){
  58. var departId=$("#departId").val();
  59. var files = document.getElementById("file").files;
  60. //创建FormData对象
  61. var formdata = new FormData();
  62. for(var i=0;i<files.length;i++){
  63. console.info(files[i].name);
  64. formdata.append("file", files[i]);
  65. }
  66. formdata.append("departId",departId);
  67. //var data = new FormData($('#uploadForm')[0]);
  68. console.log(file)
  69. $.ajax({
  70. type: 'post',
  71. url: "http://localhost:8090/report/importFault",
  72. data: formdata,
  73. cache: false,
  74. processData: false,
  75. contentType: false,
  76. success:function(data){
  77. layer.msg(data.msg,{icon: 5})
  78. location.reload();
  79. },
  80. error:function (data){
  81. layer.msg("程序error",{icon: 5})
  82. location.reload();
  83. }
  84. });
  85. });
  86. })
  87. </script>
  88. </body>
  89. <script src="../js/jquery-3.6.0.min.js"></script>
  90. <!--<script type="text/javascript">
  91. $(function () {
  92. $("#upload").click(function () {
  93. var departId=$("#departId").val();
  94. var format=$("#demoTest").val();
  95. if (format.values == ''){
  96. alert("日期不能空")
  97. }
  98. console.log(departId)
  99. var files = document.getElementById("file").files;
  100. if (files.values == ''){
  101. alert("文件不能空")
  102. }
  103. //创建FormData对象
  104. var formdata = new FormData();
  105. for(var i=0;i<files.length;i++){
  106. console.info(files[i].name);
  107. formdata.append("file", files[i]);
  108. }
  109. formdata.append("departId",departId);
  110. formdata.append("format",format);
  111. //var data = new FormData($('#uploadForm')[0]);
  112. console.log(file)
  113. $.ajax({
  114. type: 'post',
  115. url: "http://localhost:8090/report/import",
  116. data: formdata,
  117. cache: false,
  118. processData: false,
  119. contentType: false,
  120. }).success(function (data) {
  121. alert("上传成功");
  122. }).error(function () {
  123. alert("上传失败");
  124. });
  125. });
  126. });
  127. </script>-->
  128. </html>