detail.html 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>标签补打</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. <meta name="ctx" content="" />
  7. <link rel="stylesheet" type="text/css" href="/static/easyui/themes/default/easyui.css">
  8. <link rel="stylesheet" type="text/css" href="/static/easyui/themes/icon.css">
  9. <link rel="stylesheet" type="text/css" href="/static/styles/demo.css">
  10. <link rel="stylesheet" type="text/css" href="/static/uploadify/uploadify.css">
  11. <link rel="stylesheet" type="text/css" href="/Public/libs/css/export.css">
  12. <script type="text/javascript" src="/static/basejs/jquery-1.8.0.min.js"></script>
  13. <script type="text/javascript" src="/static/easyui/jquery.easyui.min.js"></script>
  14. <script type="text/javascript" src="/static/easyui/easyui-lang-zh_CN.js"></script>
  15. <script type="text/javascript" src="/static/uploadify/jquery.uploadify.js"></script>
  16. <script type="text/javascript" src="/static/basejs/th.js"></script>
  17. <script type="text/javascript" src="/static/easyui/src/jquery.window.js"></script>
  18. <script type="text/javascript" src="/static/easyui/formatter.js"></script>
  19. <script type="text/javascript" src="/static/easyui/easyui-extend.js"></script>
  20. <script type="text/javascript" src="/static/easyui/easyui-validatebox-extend.js"></script>
  21. <script type="text/javascript" src="/static/easyui/easyui-loading.js"></script>
  22. <script type="text/javascript" src="/static/basejs/jquery.qrcode.min.js"></script>
  23. <script type="text/javascript" src="/static/basejs/LodopFuncs.js"></script>
  24. <script type="text/javascript" src="/static/basejs/newqcode.js"></script>
  25. <script type="text/javascript" src="/static/basejs/template.js"></script>
  26. </head>
  27. <body class="easyui-layout">
  28. <div data-options="region:'north',title:'',split:true" style="height: 380px;">
  29. <div id="supBthGridToolbar">
  30. <form id="searchBthForm" class="smShow">
  31. <table style="width:100%;white-space: nowrap;padding:10px;">
  32. <tr style="margin-bottom:20px">
  33. <td>
  34. <a class="easyui-linkbutton exportExcel" iconCls="icon-save" plain="true" >导出发货</a>
  35. </td>
  36. <td>
  37. <a href="/index.php?s=/Admin/NewQcode/index.html" target="_blank" class="easyui-linkbutton" iconCls="icon-add" plain="true" >新增大件</a>
  38. </td>
  39. </tr>
  40. <tr>
  41. <td align="left">
  42. 辅料名称:
  43. </td>
  44. <td>
  45. <select name="sysCdNm" style="height:30px;" >
  46. <option value="0">全部</option>
  47. <volist name="productlist" id="val">
  48. <option value="{$val.product_name}">{$val.product_name}</option>
  49. </volist>
  50. </select>
  51. </td>
  52. <td align="left">
  53. 公司名称:
  54. </td>
  55. <td>
  56. <select name="user_name" style="height:30px;">
  57. <volist name="userlist" id="val">
  58. <option value="{$val.id}">{$val.nickname}</option>
  59. </volist>
  60. </select>
  61. </td>
  62. <td align="left">
  63. 请输入批次号:
  64. </td>
  65. <td>
  66. <input name="bach_num" class="easyui-numberbox" style="width:150px" type="text" value="" data-options="min:0"/>
  67. </td>
  68. </tr>
  69. <tr>
  70. <td align="left">
  71. 生产开始时间:
  72. </td>
  73. <td>
  74. <input id ="startDate" name="startDate" class="easyui-datebox" style="width:150px" type="text" value="" data-options="editable:false"/>
  75. </td>
  76. <td align="left">
  77. 生产结束时间:
  78. </td>
  79. <td>
  80. <input id ="endDate" name="endDate" class="easyui-datebox" style="width:150px" type="text" value="" data-options="editable:false"/>
  81. </td>
  82. <td colspan="1" align="right">
  83. <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" onclick="searchBthFun()">查询</a>
  84. </td>
  85. </tr>
  86. <tr>
  87. <td colspan="10" class="export-tips">温馨提示:你已选中<span class="sp1">0</span>个大件,共包含<span class="sp2">0</span>个小件</td>
  88. </tr>
  89. </table>
  90. <input type="hidden" name="c3Ax" value="0">
  91. <input type="hidden" name="c3Ay" value="0">
  92. </form>
  93. </div>
  94. <table id="supBthGrid"></table>
  95. <div class="body"></div>
  96. </div>
  97. <div data-options="region:'center',title:'所属小件信息',split:true" >
  98. <div id="supTgGridToolbar">
  99. <form id="searchTgForm">
  100. <input name="largeId" id='largeId' type="hidden"/><!-- 标签类型 -->
  101. </form>
  102. </div>
  103. <table id=supTgGrid></table>
  104. </div>
  105. <script>
  106. var supBthGrid, supTgGrid, printType;
  107. bt_is_load=true;//定义防重复弹出小标签全局变量
  108. $(document).ready(function () {
  109. initDateBox();
  110. /*console.log($('#searchBthForm').serializeObject());*/
  111. supBthGrid = $('#supBthGrid').datagrid({
  112. url: '/index.php?s=/Admin/Export/getBigData',
  113. method: 'post',
  114. toolbar: '#supBthGridToolbar',
  115. showFooter:false,
  116. striped : true,
  117. rownumbers: false, // 如果为true,则显示一个行号列。
  118. singleSelect: false, // 如果为true,则只允许选择一行。
  119. nowrap: false, // 如果为true,则在同一行中显示数据。设置为true可以提高加载性能。
  120. fit: true, // datagrid自适应宽高
  121. fitColumns: true, // 使列自动展开/收缩到合适的数据表格宽度。
  122. autoRowHeight: false, // 定义设置行的高度,根据该行的内容。设置为false可以提高负载性能。
  123. sortName: 'manufacture_date', // 排序字段
  124. sortOrder: 'desc', // 排序方式
  125. pagination: true, // 显示分页工具条
  126. pageSize: 100,//初始化页面大小
  127. pageList: [10, 20, 30, 50, 100, 500,1000,2000,5000,10000],// 初始化页面大小选择列表
  128. queryParams: $('#searchBthForm').serializeObject(),
  129. columns: [[
  130. {field: 'ck', checkbox: true},
  131. {field: 'bach_num', title: '批次号', sortable: true, width: 100,
  132. formatter: function(value,row,index){
  133. if(value==null || value==''){
  134. return '空';
  135. }else{
  136. return value;
  137. }
  138. }
  139. },
  140. {field: 'code_cp1', title: '托盘号', sortable: true, width: 100,
  141. formatter: function(value,row,index){
  142. return value.slice(6).replace(/\b(0+)/gi,"");
  143. }
  144. },
  145. {field: 'matter_name', title: '辅料名称', sortable: true, width: 200},
  146. {field: 'manufacture_date', title: '生产日期', align: 'center', sortable: true, width: 150,
  147. formatter: function(value,row,index){
  148. return '20'+value.slice(0,2)+'-'+value.slice(2,4)+'-'+value.slice(4,6);
  149. }
  150. },
  151. {field: 'code', title: '大件编码', align: 'center', sortable: true, width: 500},
  152. {field: 'count', title: '小件数', align: 'center', width: 100},
  153. {field:'large_id',title:'ID',align:'center',sortable:false,width:100,hidden:true}
  154. ]],
  155. onCheck:function(rowIndex, rowData){
  156. large_num = $('input[name="c3Ax"]').val();
  157. small_num = $('input[name="c3Ay"]').val();
  158. num_index = rowData.count;
  159. large_num = Number(large_num)+ 1;
  160. num_total = Number(small_num)+Number(num_index);
  161. $('input[name="c3Ax"]').val(large_num);
  162. $('.sp1').text(large_num);
  163. $('input[name="c3Ay"]').val(num_total);
  164. $('.sp2').text(num_total);
  165. /*$('#largeId').val(rowData.large_id);
  166. supTgGrid.datagrid('load', $('#searchTgForm').serializeObject());*/
  167. },
  168. onUncheck:function(rowIndex, rowData){
  169. large_num = $('input[name="c3Ax"]').val();
  170. small_num = $('input[name="c3Ay"]').val();
  171. num_index = rowData.count;
  172. large_num = Number(large_num)- 1;
  173. num_total = Number(small_num)-Number(num_index);
  174. $('input[name="c3Ax"]').val(large_num);
  175. $('.sp1').text(large_num);
  176. $('input[name="c3Ay"]').val(num_total);
  177. $('.sp2').text(num_total);
  178. /*$('#largeId').val(0);
  179. supTgGrid.datagrid('load', $('#searchTgForm').serializeObject());*/
  180. },
  181. onCheckAll:function(rows){
  182. var num1 = 0;
  183. var large_num = 0;
  184. rows.forEach(function(item,index){
  185. num1+=Number(item.count);
  186. large_num +=1;
  187. })
  188. $('input[name="c3Ax"]').val(large_num);
  189. $('.sp1').text(large_num);
  190. $('.sp2').text(num1);
  191. $('input[name="c3Ay"]').val(num1);
  192. },
  193. onUncheckAll:function(rowIndex, rowData){
  194. $('input[name="c3Ax"]').val(0);
  195. $('.sp1').text(0);
  196. $('.sp2').text(0);
  197. $('input[name="c3Ay"]').val(0);
  198. },
  199. onClickRow: function (rowIndex, rowData) {
  200. //console.log(rowData);
  201. $('#largeId').val(rowData.large_id);
  202. supTgGrid.datagrid('load', $('#searchTgForm').serializeObject());
  203. /*var id = $('#largeId').val();
  204. if(rowData.large_id==id){
  205. $('#largeId').val(0);
  206. supTgGrid.datagrid('load', $('#searchTgForm').serializeObject());
  207. }else{
  208. $('#largeId').val(rowData.large_id);
  209. supTgGrid.datagrid('load', $('#searchTgForm').serializeObject());
  210. }*/
  211. // console.log(id_str);
  212. },
  213. onLoadError: function () {
  214. $.messager.alert('系统提示', '数据加载错误,请刷新重试!', 'error');
  215. },
  216. onBeforeLoad: function (param) {
  217. if (supBthGrid != null) {
  218. supBthGrid.datagrid('loadData', {total: 0, rows: []});
  219. }
  220. if (supTgGrid != null) {
  221. supTgGrid.datagrid('loadData', {total: 0, rows: []});
  222. }
  223. return true;
  224. },
  225. onLoadSuccess: function(data,options){
  226. $('.sp1').text(0);
  227. $('.sp2').text(0);
  228. $('input[name="c3Ax"]').val(0);
  229. $('input[name="c3Ay"]').val(0);
  230. return false;
  231. }
  232. });
  233. supTgGrid = $('#supTgGrid').datagrid({
  234. url: 'index.php?s=/Admin/Export/getSmall',
  235. method: 'post',
  236. toolbar: '#supTgGridToolbar',
  237. rownumbers: true, // 如果为true,则显示一个行号列。
  238. singleSelect: false, // 如果为true,则只允许选择一行。
  239. nowrap: false, // 如果为true,则在同一行中显示数据。设置为true可以提高加载性能。
  240. fit: true, // datagrid自适应宽高
  241. fitColumns: true, // 使列自动展开/收缩到合适的数据表格宽度。
  242. autoRowHeight: false, //定义设置行的高度,根据该行的内容。设置为false可以提高负载性能。
  243. pagination: true, // 显示分页工具条
  244. pageSize: 100,//初始化页面大小
  245. pageList: [100],// 初始化页面大小选择列表
  246. sortName: 'id', // 排序字段
  247. sortOrder: 'asc', // 排序方式
  248. //queryParams: $('#searchTgForm').serializeObject(),
  249. columns: [[
  250. {field: 'code', title: '小件标签代码', align: 'center', width: 300},
  251. {field: 'code_cp1', title: '当前序号', align: 'center', width: 100,
  252. formatter: function(value,row,index){
  253. return row.l_code_sp1.slice(6).replace(/\b(0+)/gi,"")+'-'+value.slice(6).replace(/\b(0+)/gi,"");
  254. }
  255. },
  256. {field: 'p_nums', title: '打印次数', align: 'center', width: 50},
  257. {field: 'status', title: '状态', align: 'center', width: 100,
  258. formatter: function(value,row,index){
  259. if(value==0){
  260. return '<span class="green">正常</span>';
  261. }else{
  262. return '<span class="red">已删除</span>';
  263. }
  264. }
  265. }
  266. ]],
  267. onLoadError: function (data) {
  268. //console.log(data);
  269. $.messager.alert('系统提示', '数据加载错误,请刷新重试!', 'error');
  270. },
  271. onClickRow: function (rowIndex, rowData) {
  272. //console.log(rowData);
  273. if(bt_is_load) {
  274. bt_is_load=false;
  275. }
  276. },
  277. onBeforeLoad: function (param) {
  278. //console.log(param);
  279. var selecteRow = supBthGrid.datagrid('getSelected');
  280. /*$('#supTgGrid').datagrid('clearChecked');*/
  281. if (selecteRow == null) {
  282. return false;
  283. }
  284. return true;
  285. }
  286. });
  287. });
  288. //初始化日期输入框
  289. function initDateBox() {
  290. var nowDate = new Date;
  291. $('#endDate').datebox('setValue', nowDate.Format("yyyy-MM-dd"));
  292. nowDate.setMonth(nowDate.getMonth() - 1);
  293. $('#startDate').datebox('setValue', nowDate.Format("yyyy-MM-dd"));
  294. }
  295. function searchBthFun() {
  296. if ($('#searchBthForm').form('validate')) {
  297. //var obj = $('#searchBthForm').serializeObject();
  298. supBthGrid.datagrid('load', $('#searchBthForm').serializeObject());
  299. }
  300. }
  301. $('.exportExcel').click(function(){
  302. var id_str = '';
  303. var large_all = $('input[name="c3Ax"]').val();
  304. var sum_all = $('input[name="c3Ay"]').val();
  305. var order_num = $('input[name="order_num"]').val();
  306. var deliveryman = $('input[name="deliveryman"]').val();
  307. var plate_number = $('input[name="plate_number"]').val();
  308. if(large_all <= 0){
  309. $.messager.alert('系统提示', '请至少选择一个大件', 'warning',function(){
  310. });
  311. return false;
  312. }else {
  313. $('.datagrid-row-checked').each(function (i, item) {
  314. id_str += $(this).children('td:nth-child(8)').children().text() + ',';
  315. })
  316. //do
  317. $('.body').loading();
  318. $.ajax({
  319. url: "/index.php?s=/Admin/Export/export1",
  320. type: "post",
  321. dataType: "json",
  322. data: {id: id_str, sum: sum_all, order_num: order_num, deliveryman: deliveryman,plate_number: plate_number},
  323. success: function (data) {
  324. if (data != null) {
  325. $('.body').loadend();
  326. if (data.status == 0) {
  327. $.messager.alert('系统提示', data.msg, 'warning',function(){
  328. });
  329. return false;
  330. } else {
  331. // console.log(data.data);
  332. window.location.href = data.url;
  333. supBthGrid.datagrid('load', $('#searchBthForm').serializeObject());
  334. }
  335. }
  336. },
  337. error: function (error) {
  338. }
  339. })
  340. }
  341. //console.log($('.datagrid-row-checked').attr('datagrid-row-index'));
  342. })
  343. function UnixToDate(unixTime, isFull, timeZone) {
  344. if (typeof (timeZone) == 'number') {
  345. unixTime = parseInt(unixTime) + parseInt(timeZone) * 60 * 60;
  346. }
  347. var time = new Date(unixTime * 1000);
  348. var ymdhis = "";
  349. ymdhis += time.getUTCFullYear() + "-";
  350. ymdhis += (time.getUTCMonth() + 1) + "-";
  351. ymdhis += time.getUTCDate();
  352. if (isFull === true) {
  353. ymdhis += " " + time.getUTCHours() + ":";
  354. ymdhis += time.getUTCMinutes() + ":";
  355. ymdhis += time.getUTCSeconds();
  356. }
  357. return ymdhis;
  358. }
  359. /* 显示辅料选择窗口 */
  360. </script>
  361. </body>
  362. </html>