returns.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296
  1. {Template header}
  2. <body>
  3. <div class="warp">
  4. <div class="fixed">
  5. <ul class="search">
  6. <li>
  7. 所属店铺:<select name="shop" class="select" >
  8. <option value="">请选择</option>
  9. <option value="0">不确定</option>
  10. {loop usershop() as $val}
  11. <option value="{$val['id']}">{$val['shopname']}</option>
  12. {/loop}</select>
  13. </li>
  14. <li>订单编号:<input value="" name="number" type="text" ></li>
  15. <li>订单号:<input value="" name="orderinfo" type="text" ></li>
  16. <li>退回单号:<input value="" name="torderinfo" type="text" ></li>
  17. <li>姓名:<input value="" name="name" type="text" ></li>
  18. <li>退货登记编码:<input value="" name="ret_regist_no" type="text" ></li>
  19. <br/>
  20. <li>收货地址:<select name="region" class="select class" style="width:85px !important;">
  21. <option value="-1">请选择</option>
  22. <option value="2">美国</option>
  23. <option value="1">国内</option>
  24. </select></li>
  25. <li>快递方式:<select name="express" class="select class" style="width:85px !important;">
  26. <option value="">请选择</option>
  27. <option value="USPS">USPS</option>
  28. <option value="UPS">UPS</option>
  29. <option value="Fedex">Fedex</option>
  30. <option value="DHL">DHL</option>
  31. <option value="Royal Mail">Royal Mail</option>
  32. <option value="Canada Post">Canada Post</option>
  33. <option value="France Post">France Post</option>
  34. <option value="Germany Post">Germany Post</option>
  35. <option value="Australia Post">Australia Post</option>
  36. <option value="TNT">TNT</option>
  37. <option value="邮政">邮政</option>
  38. <option value="其它">其它</option>
  39. </select></li>
  40. <li>
  41. 是否收到:<select name="fh" class="select" style="width:85px !important;">
  42. <option value="">请选择</option>
  43. <option value="1">已收到</option>
  44. <option value="2">未收到</option>
  45. </select>
  46. </li>
  47. <li>是否处理:<select name="qr" class="select class" style="width:85px !important;">
  48. <option value="">请选择</option>
  49. <option value="0">未处理</option>
  50. <option value="1">已处理</option>
  51. </select></li>
  52. <li>
  53. 完好程度:<select name="whcd_status" class="select" style="width:85px !important;">
  54. <option value="">请选择</option>
  55. <option value="1">(人发)可用</option>
  56. <option value="6">(化纤)可用</option>
  57. <option value="7">(化纤)待确认</option>
  58. <option value="2">(人发)精打理</option>
  59. <option value="3">(人发)不可用</option>
  60. <option value="5">(化纤)不可用</option>
  61. <option value="4">非假发/非我司头发</option>
  62. </select>
  63. </li>
  64. <li>选择时间条件:<select name="xztime" class="select" style="width:85px !important;">
  65. <option value="time">添加时间</option>
  66. <option value="edittime">更新时间</option>
  67. </select></li>
  68. <li><input id="timetk" value="{date('Y-m-d',time()-30*3*24*3600)} 0:00" name="timetk" type="text" onClick="laydate({istime: true,format:'YYYY-MM-DD hh:mm'})" style="width:110px !important;">
  69. 至&nbsp;&nbsp;&nbsp;&nbsp; <input id="timetj" value="{date('Y-m-d',time()+24*3600)} 0:00" name="timetj" type="text" onClick="laydate({istime: true,format:'YYYY-MM-DD hh:mm'})" style="width:110px !important;"></li>
  70. <li><span>确 定</span></li>
  71. </ul>
  72. <div class="control">
  73. <a href="javascript:void(0);" class="window" data-h="/returns/add/" data-t="退货 - 添加">添 加</a>
  74. {if $power == '1'}<a href="javascript:void(0);" class="check">删 除</a> {/if}
  75. <a href="javascript:void(0);" class="returnsexcel">下 载</a>
  76. <a href="javascript:void(0);" id="uploadLink">导入数据</a>
  77. <input type="file" id="fileInput" accept=".xlsx, .xls, .csv" style="display: none;">
  78. <a href="/data/lymob/thdjb.xlsx" >下载导入模板</a>
  79. <a href="javascript:void(0);" class="window" data-h="/returns/scan_waybill/" data-t="扫运单录入">扫运单录入</a>
  80. </div>
  81. <table class="datatitle data" border="0" style="border-collapse:collapse;">
  82. <tr>
  83. <td><label onClick="swapCheck()"><input name="checkbox" type="checkbox" class="regular-checkbox"></label></td>
  84. <td>收货地址</td>
  85. <td>编号</td>
  86. <td>客户姓名</td>
  87. <td>快递方式</td>
  88. <td>退回单号</td>
  89. <td>所属店铺</td>
  90. <td>添加时间</td>
  91. <td>更新时间</td>
  92. <td>操作</td>
  93. </tr>
  94. </table>
  95. </div>
  96. <table class="datatext data" border="0" style="border-collapse:collapse;">
  97. </table>
  98. <div class="bomf"></div>
  99. </div>
  100. <script>
  101. var dataurl = "/returns";
  102. var excel = "/returns/";
  103. var editurl = "/returns/edit/";
  104. var editdj = 1;
  105. var editt = "退货 - 修改";
  106. $(function(){
  107. // 获取元素
  108. const uploadLink = document.getElementById('uploadLink');
  109. const fileInput = document.getElementById('fileInput');
  110. // 点击 a 标签触发隐藏的 file input
  111. uploadLink.addEventListener('click', (e) => {
  112. e.preventDefault(); // 阻止 a 标签跳转
  113. fileInput.click(); // 打开文件选择对话框
  114. });
  115. // 监听文件选择
  116. fileInput.addEventListener('change', (e) => {
  117. const file = e.target.files[0];
  118. if (!file) return;
  119. // 可选的:检查文件类型
  120. const validTypes = ['application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'text/csv'];
  121. if (!validTypes.includes(file.type)) {
  122. alert('请选择有效的 Excel 文件(.xlsx, .xls, .csv)');
  123. fileInput.value = ''; // 清空选择
  124. return;
  125. }
  126. // 使用 FileReader 读取文件内容
  127. const reader = new FileReader();
  128. reader.onload = (loadEvent) => {
  129. try {
  130. // 读取结果为 ArrayBuffer
  131. const arrayBuffer = loadEvent.target.result;
  132. // 使用 SheetJS 解析 Excel(type 指定为 'array')
  133. const workbook = XLSX.read(arrayBuffer, { type: 'array' });
  134. // 获取第一个工作表
  135. const firstSheetName = workbook.SheetNames[0];
  136. // 将工作表转换为 HTML 表格(简单展示)
  137. const worksheet = workbook.Sheets[firstSheetName];
  138. // const jsonData = XLSX.utils.sheet_to_json(worksheet, {header: 1,
  139. // defval: '' // 为空单元格设置默认值
  140. // });
  141. // console.log(jsonData)
  142. //resultDiv.innerHTML = `<h3>解析结果(第一个工作表)</h3>${htmlTable}`;
  143. // 同时你也可以获得 JSON 数据:
  144. const jsonData = XLSX.utils.sheet_to_json(worksheet);
  145. //console.log(jsonData); // 在控制台查看 JSON
  146. doSendExcel(jsonData);
  147. } catch (error) {
  148. console.error('解析失败', error);
  149. alert('文件解析失败,请确保文件格式正确');
  150. }
  151. };
  152. reader.readAsArrayBuffer(file); // 以 ArrayBuffer 形式读取
  153. });
  154. })
  155. // 重置文件输入框的函数
  156. function resetFileInput() {
  157. $("#fileInput").val(''); // 核心:清空选择
  158. }
  159. function doSendExcel(jsonData){
  160. if(jsonData.length == 0 ){
  161. return layx.confirm('提示',"解析excel数据不存在",null,{
  162. buttons:[
  163. {
  164. label:'确定',
  165. callback:function(id, button, event){
  166. layx.destroy(id);
  167. }
  168. }
  169. ],dialogIcon:'error',shadable:0.6
  170. });
  171. }
  172. layx.load('loadId','数据加载中');
  173. resetFileInput();
  174. $.ajax({
  175. url: dataurl+"/excellr",
  176. data: {data:JSON.stringify(jsonData)},
  177. type: "POST",
  178. dataType: "json",
  179. success: function(a) {
  180. layx.destroy('loadId');
  181. if (a && a.success) {
  182. if(a.data.length > 0){
  183. layx.confirm('提示',a.msg,null,{
  184. buttons:[
  185. {
  186. label:'确定',
  187. callback:function(id, button, event){
  188. layx.destroy(id);
  189. download_excel(a.data)
  190. }
  191. },
  192. {
  193. label:'取消',
  194. callback:function(id, button, event){
  195. layx.destroy(id);
  196. }
  197. }
  198. ]
  199. });
  200. }else{
  201. $(".ts p").html(a.msg);
  202. $(".ts").show();
  203. setTimeout('$(".ts").fadeOut()', 1000);
  204. }
  205. } else {
  206. $(".ts p").html(a.msg);
  207. $(".ts").show();
  208. setTimeout('$(".ts").fadeOut()', 1000);
  209. }
  210. }
  211. })
  212. }
  213. function download_excel(data){
  214. let sheet = XLSX.utils.json_to_sheet(data)
  215. sheet['!cols'] = [
  216. //订单号
  217. {
  218. wch:40,
  219. },
  220. //订单编码
  221. {
  222. wch:100,
  223. },
  224. ];
  225. let workbook = XLSX.utils.book_new();
  226. XLSX.utils.book_append_sheet(workbook, sheet, "Sheet1");
  227. XLSX.writeFile(workbook, "错误数据.xlsx");
  228. }
  229. $(".returnsexcel").click(function() {
  230. var f = "";
  231. var a = "";
  232. $(".datatext input[name='check']:checked").each(function() {
  233. a = a + $(this).val()+",";
  234. });
  235. f = f + "a=" + a + "&";
  236. $(".select").each(function() {
  237. f = f + $(this).attr("name") + "=" + $(this).children("option:selected").val() + "&";
  238. });
  239. $("input:text").each(function() {
  240. f = f + $(this).attr("name") + "=" + $(this).val() + "&";
  241. });
  242. var a = "";
  243. $(".datatext input[name='check']:checked").each(function() {
  244. a = a + $(this).val()+",";
  245. });
  246. f = f + "excel=1&a="+a;
  247. window.location.href = "/returns/excel?excel=1&"+f;
  248. });
  249. $(".datatext").on('click',".thqr",function() {
  250. var thid = $(this).data("id");
  251. $.ajax({
  252. url: dataurl+"/qr",
  253. data: 'id='+thid,
  254. type: "POST",
  255. dataType: "json",
  256. success: function(a) {
  257. if (a && a.success) {
  258. $(".datatext #"+a.id).find("td:eq(9)").html(a.t);
  259. $(".ts p").html(a.msg);
  260. $(".ts").show();
  261. setTimeout('$(".ts").fadeOut()', 1000);
  262. } else {
  263. $(".ts p").html(a.msg);
  264. $(".ts").show();
  265. setTimeout('$(".ts").fadeOut()', 1000);
  266. }
  267. }
  268. });
  269. });
  270. </script>
  271. <script type="text/javascript" src="{$theme}js/laydate.js"></script>
  272. <script type="text/javascript" src="{$theme}js/excel/xlxs.js" ></script>
  273. {Template footer}