wigslist_ok.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268
  1. {Template header}
  2. <script src="{$theme}js/system.js"></script>
  3. <script type="text/javascript" src="{$theme}js/layer/layer.js"></script>
  4. <style>
  5. .layui-layer-page .layui-layer-content {
  6. overflow: none;
  7. }
  8. .layui-layer-content ul {
  9. padding: 0 8px;
  10. }
  11. .layui-layer-content ul li {
  12. margin: 8px 0;
  13. }
  14. #layui-layer1 {
  15. overflow: auto;
  16. }
  17. .layui-form-checked {
  18. margin-left: 10px;
  19. display: inline-block;
  20. }
  21. </style>
  22. <body>
  23. <div class="warp">
  24. <div class="fixed">
  25. <ul class="search">
  26. <li>
  27. <!-- 店铺名称:<select name="shop" class="select">
  28. <option value="">请选择</option>
  29. {loop usershop() as $val}
  30. <option value="{$val['id']}">{$val['shopname']}</option>
  31. {/loop}</select>
  32. </li> -->
  33. <li>订单状态:
  34. <select name="status" class="select">
  35. <option value="waitScan">待扫描</option>
  36. <option value="completed">已完成</option>
  37. </select>
  38. </li>
  39. <li>
  40. 发货仓库:
  41. <select name="warehouse" class="select">
  42. <option value="">请选择</option>
  43. {loop warehouse(100) as $val}
  44. <option value="{$val['id']}">{$val['title']}</option>
  45. {/loop}
  46. </select>
  47. </li>
  48. <li>订单号1:<input value="" name="orderinfo" type="text"></li>
  49. <li>编号:<input value="" name="number" type="text"></li>
  50. <li>选择时间条件:
  51. <select name="xztime" class="select">
  52. <option value="dtime">订单时间</option>
  53. <option value="reviewtime">审核时间</option>
  54. <option value="printtime">打印时间</option>
  55. <option value="librarytime">出库时间</option>
  56. </select>
  57. </li>
  58. <li><input id="timetk" value="{date('Y-m-d',time()-29*24*3600)} 0:00" name="timetk" type="text" onClick="laydate({istime: true,format:'YYYY-MM-DD hh:mm'})"> 至&nbsp;&nbsp;&nbsp;&nbsp; <input id="timetj" value="{date('Y-m-d',time()+24*3600)} 0:00"
  59. name="timetj" type="text" onClick="laydate({istime: true,format:'YYYY-MM-DD hh:mm'})"></li>
  60. <input type="hidden" name="pl" value="" />
  61. <li><span>确 定</span></li>
  62. </ul>
  63. <div class="control">
  64. <a href="javascript:void(0);" class="print_all">批量打印</a>
  65. <div>
  66. <label> 扫描完成:</label>
  67. <input value="" name="saoma" class="saomiao" type="text"></div>
  68. </div>
  69. <table class="datatitle data" border="0" style="border-collapse:collapse;">
  70. <tr>
  71. <td><label onClick=""><input name="checkbox" type="checkbox" class="regular-checkbox"></label></td>
  72. <td>编号</td>
  73. <td>货物明细</td>
  74. <td>仓库</td>
  75. <td>订单号</td>
  76. <td>订单状态</td>
  77. <td>备注</td>
  78. <td>员工</td>
  79. <td>操作</td>
  80. </tr>
  81. </table>
  82. </div>
  83. <table class="datatext data" border="0" style="border-collapse:collapse;">
  84. </table>
  85. <div class="lbwlxq"></div>
  86. <div class="bomf"></div>
  87. </div>
  88. <div style="display:none;">
  89. <input id="upload-file" name="files" accept="image/xls,image/xlsx" type="file">
  90. </div>
  91. <div class="systemwindow">
  92. <div>
  93. <p>是否确定删除所选信息?</p>
  94. <p>
  95. <font class="button">确 定</font>
  96. <font class="esc">取 消</font>
  97. </p>
  98. </div>
  99. </div>
  100. <script>
  101. var dataurl = "/wigs";
  102. var operate = "/fullorder";
  103. var excel = "/fullorderexcel/excel/";
  104. var customon = 1;
  105. function custom() {
  106. $(".data tr").each(function() {
  107. $(this).find('td:eq(0)').css("width", "1%");
  108. $(this).find('td:eq(1)').css("width", "7%");
  109. $(this).find('td:eq(2)').css("width", "10%");
  110. $(this).find('td:eq(3)').css("width", "3%");
  111. $(this).find('td:eq(5)').css("width", "9%");
  112. $(this).find('td:eq(6)').css("width", "12%");
  113. $(this).find('td:eq(7)').css("width", "5%");
  114. $(this).find('td:eq(8)').css("width", "6%");
  115. });
  116. }
  117. $(".datatext").on('mouseover mouseout', ".method", function(event) {
  118. if (event.type === "mouseover") {
  119. $(this).parent().parent("td").append('<font style="position: absolute;z-index: 1;border-radius:3px;border: 1px solid #39F;padding:0 10px;background-color: #FFF;box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 24px;">' + $(this).data("t") + '</font>');
  120. } else if (event.type == "mouseout") {
  121. $(this).parent().siblings("font").remove();
  122. }
  123. });
  124. $(".data").on('mouseover', ".lbwlxx", function() {
  125. var offset = $(this).offset();
  126. ///得到位置
  127. var left1 = offset.left + 20;
  128. ///得到位置
  129. var top1 = offset.top + 20;
  130. $(".lbwlxq").css({
  131. 'top': top1,
  132. 'left': left1
  133. });
  134. $(".lbwlxx").mouseover(function() {
  135. $(".lbwlxq").html($(this).find('font').html());
  136. $(".lbwlxq").show();
  137. });
  138. $(".data").on('mouseout', ".lbwlxx", function() {
  139. $(".lbwlxq").html("");
  140. $(".lbwlxq").hide();
  141. });
  142. });
  143. </script>
  144. <script>
  145. var lyindex;
  146. function assignSubmit(that) {
  147. orderid = $(that).data('orderid');
  148. employid = $('.assignul li input:checked').parent('li').data('id');
  149. if (orderid && employid) {
  150. $.ajax({
  151. type: 'post',
  152. url: '/wigs/assign',
  153. dataType: "json",
  154. data: {
  155. "order_id": orderid,
  156. "employee_id": employid
  157. },
  158. success: function(resp) {
  159. layer.close(lyindex);
  160. if (resp.success) {
  161. $(".ts p").html("已分配");
  162. } else {
  163. $(".ts p").html(resp.msg);
  164. }
  165. $(".ts").show();
  166. setTimeout('$(".ts").fadeOut()', 1000);
  167. setTimeout('searchspan(2)', 900);
  168. }
  169. })
  170. }
  171. }
  172. $(function() {
  173. $(".datatext").on("click", "td .assign", function(event) {
  174. orderid = $(this).data('id');
  175. var event = event || window.event;
  176. event.stopPropagation();
  177. $.ajax({
  178. type: 'post',
  179. url: '/wigs/assign',
  180. dataType: "json",
  181. success: function(resp) {
  182. if (resp.success) {
  183. data = resp.data;
  184. var html = '<ul class="assignul" style="">';
  185. for (i = 0; i < data.length; i++) {
  186. html += '<li data-id=' + data[i].id + '><input type="radio" name="id" lay-skin="primary" checked="" title="' + data[i].name + '" lay-filter="LAY_TABLE_TOOL_COLS">\
  187. <div style="display:inline-block" class="layui-unselect layui-form-radio " lay-skin="primary"><span>' +
  188. data[i].name + '</span><i class="layui-icon "></i></div>\
  189. </li>';
  190. }
  191. html += '</ul>\
  192. <div style="text-align: center;margin:0 auto" > <button class="assign-submit" id="assignSubmit" onclick="assignSubmit(this)" data-orderid=' + orderid + '>确认</button></div>';
  193. lyindex = layer.open({
  194. type: 1,
  195. skin: 'layui-layer-rim', //加上边框
  196. area: ['420px', '240px'], //宽高
  197. content: html
  198. });
  199. } else {
  200. if (resp.msg) {
  201. alert(resp.msg)
  202. }
  203. }
  204. }
  205. })
  206. })
  207. $('.saomiao').focus();
  208. $(document).keyup(function(event) {
  209. if (event.keyCode == 13) {
  210. var event = event || window.event;
  211. if(event && event.preventDefault){
  212. console.log(22222333333);
  213. event.preventDefault()
  214. }
  215. // event.preventdefault();
  216. val = $('.saomiao').val();
  217. console.log(val);
  218. if(val){
  219. console.log(event.keyCode)
  220. $('.saomiao').blur();
  221. $.ajax({
  222. type: 'post',
  223. url: '/wigs/scan',
  224. dataType: "json",
  225. data: {
  226. "number": val
  227. },
  228. success: function(resp) {
  229. if (resp.success) {
  230. // alert('success')
  231. } else {
  232. alert(resp.msg)
  233. }
  234. $('.saomiao').val("");
  235. $('.saomiao').focus();
  236. }
  237. })
  238. }
  239. }
  240. })
  241. })
  242. </script>
  243. <script type="text/javascript" src="{$theme}js/laydate.js"></script>
  244. <script type="text/javascript" src="{$theme}js/print.js?v=202007160001"></script>
  245. {Template footer}