New file |
| | |
| | | <!DOCTYPE HTML> |
| | | <html xmlns:th="http://www.thymeleaf.org"> |
| | | <head> |
| | | <meta charset="utf-8"> |
| | | <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> |
| | | <meta name="renderer" content="webkit|ie-comp|ie-stand"> |
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
| | | <meta name="viewport" |
| | | content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> |
| | | <meta http-equiv="Cache-Control" content="no-siteapp" /> |
| | | <!-- 本框架基本脚本和样式 --> |
| | | <script type="text/javascript" |
| | | th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script> |
| | | <script type="text/javascript" |
| | | th:src="@{/js/systools/MBase.js}"></script> |
| | | <script src="https://cdn.jsdelivr.net/gh/jquery-form/form@4.2.2/dist/jquery.form.min.js" integrity="sha384-FzT3vTVGXqf7wRfy8k4BiyzvbNfeYjK+frTVqZeNDFl8woCbF0CYG6g2fMEFFo/i" crossorigin="anonymous"></script> |
| | | </head> |
| | | <body> |
| | | <div class="ibox-content"> |
| | | <form name="uploadExcel" |
| | | style="display: contents; margin-left: 20px;" |
| | | action="/admin/shopOrder/logisticsImport" method="post" |
| | | enctype="multipart/form-data" id="uploadForm"> |
| | | |
| | | <div class="form-group"> |
| | | <input onclick="importChances()" |
| | | class="input-text upload-url radius form-control" type="text" |
| | | id="showFileName" readonly |
| | | style="width: 200px; display: inline; margin-left: 50px;"> |
| | | <a onclick="importChances()" class="btn btn-primary radius"> |
| | | <i class="fa fa-cloud-upload"></i> 浏览文件 |
| | | </a> |
| | | <input type="file" name="file" accept=".xls,.xlsx" |
| | | id="chanceUploadId" style="display: none"> |
| | | <button type="button" onclick="download()" |
| | | class="btn btn-success radius">下载模板</button></div> |
| | | <div class="form-group "> |
| | | <div class="col-sm-12 text-center"> |
| | | |
| | | <button type="submit" onclick="return submitFile()" |
| | | class="btn btn-success radius">导入快递单</button> |
| | | <a |
| | | class="btn btn-danger radius" href="javascript:;" onclick="MTools.closeForm()" ><i class="fa fa-close"></i> 关闭</a> |
| | | </div> |
| | | </div> |
| | | </form> |
| | | </div> |
| | | </body> |
| | | <script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script> |
| | | <script th:inline="javascript"> |
| | | MTools.autoFullSelect(); |
| | | $(".select2").select2(); |
| | | |
| | | /*<![CDATA[*/ |
| | | var obj=/*[[${obj}]]*/ |
| | | /*]]>*/ |
| | | |
| | | var invokeUrl=basePath+"/admin/shopOrder/showList"; |
| | | var myForm=MForm.initForm({ |
| | | invokeUrl:invokeUrl, |
| | | afterSubmit:function(){ |
| | | parent.myGrid.serchData(); |
| | | }, |
| | | }); |
| | | |
| | | |
| | | //绑定文件的点击事件 |
| | | function importChances() { |
| | | var file = $("#chanceUploadId").click(); |
| | | |
| | | //选中文件,文件名字显示在文本框中 |
| | | $("#chanceUploadId").change( |
| | | function() { |
| | | $("#showFileName").val(''); |
| | | var fileName = $(this).val(); |
| | | fileName = fileName.substring( |
| | | fileName.lastIndexOf("\\") + 1, fileName |
| | | .lastIndexOf(".")); |
| | | $("#showFileName").val(fileName); |
| | | }) |
| | | } |
| | | //提交文件 |
| | | function submitFile() { |
| | | if ($("#showFileName").val() == '' |
| | | || $("#showFileName").val().length < 1) { |
| | | layer.msg("请选择上传文件!", { |
| | | icon : 2 |
| | | }); |
| | | return false; |
| | | } |
| | | |
| | | layer.load(2, { |
| | | time : 100 * 1000, |
| | | shade : [ 0.4, '#aeaeae' ] |
| | | }); |
| | | |
| | | $("#uploadForm").ajaxForm(function (data) { |
| | | layer.closeAll('loading'); |
| | | console.log(data) |
| | | if (data.status == "200") { |
| | | parent.layer.close(parent.layer.getFrameIndex(window.name)); |
| | | parent.myGrid.serchData(); |
| | | } else { |
| | | layer.open({ |
| | | title: '导入快递单,部分失败', |
| | | content: data.info |
| | | }); |
| | | var url = basePath + "/admin/shopOrder/exportLogisticsImportExcel"; |
| | | window.open(url); |
| | | parent.myGrid.serchData(); |
| | | } |
| | | $("#showFileName").val(''); |
| | | var file = $("#chanceUploadId"); |
| | | file.after(file.clone().val('')); |
| | | file.remove(); |
| | | }); |
| | | } |
| | | |
| | | |
| | | function download() { |
| | | window.location.href=basePath + "/uploadfile/image/logisticsImport.xls"; |
| | | } |
| | | </script> |
| | | </body> |
| | | </html> |