large.html 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387
  1. <extend name="$_admin_public_layout" />
  2. <block name="main">
  3. <!-- 右侧内容 -->
  4. <?php if (C('ADMIN_TABS')): ?>
  5. <!-- 多标签后台 -->
  6. <nav class="navbar navbar-default ct-tab-nav" role="navigation">
  7. <div class="collapse navbar-collapse">
  8. <ul class="nav navbar-nav navbar-left">
  9. <li><a href="#" id="tab-left"><i class="fa fa-caret-left"></i></a></li>
  10. </ul>
  11. <div class="ct-tab-wrap clearfix">
  12. <ul class="nav navbar-nav nav-close ct-tab">
  13. <li href="#home" role="tab" data-toggle="tab">
  14. <a href="#"><i class="fa fa-dashboard"></i> <span>首页</span></a>
  15. </li>
  16. </ul>
  17. </div>
  18. <ul class="nav navbar-nav navbar-right">
  19. <li><a href="#" id="tab-right"><i class="fa fa-caret-right"></i></a></li>
  20. <li class="dropdown">
  21. <a href="#" class="dropdown-toggle" data-toggle="dropdown">关闭操作 <b class="caret"></b></a>
  22. <ul class="dropdown-menu">
  23. <li><a href="#" class="close-all">关闭所有</a></li>
  24. </ul>
  25. </li>
  26. </ul>
  27. </div>
  28. </nav>
  29. <?php else: ?>
  30. <!-- 面包屑导航 -->
  31. <ul class="breadcrumb">
  32. <li><i class="fa fa-map-marker"></i></li>
  33. <li class="text-muted">大件</li>
  34. </ul>
  35. <?php endif; ?>
  36. <!-- 多标签后台内容部分 -->
  37. <form method="POST" action="{:U('Qcode/AddPrint')}" style="margin-bottom:50px;">
  38. <fieldset class="newlabel">
  39. <legend style="width:auto;margin-left:20px;">生成厂商信息</legend>
  40. <ul class="firm">
  41. <li>
  42. <ul>
  43. <li>
  44. <span>生产厂商:</span>
  45. <select name="company_name1" id="company_name1" style="width:200px;height:35px;">
  46. <volist name="companylist" id="vo">
  47. <option value="{$vo.id}">{$vo.company_name}</option>
  48. </volist>
  49. </select>
  50. <input id="company_code" type="hidden" name="company_code"
  51. value="{$companylist[0][company_code]}" <input id="company_id" type="hidden"
  52. name="company_id" value="{$companylist[0][id]}">
  53. <input name="company_name" type="hidden" id="company_name"
  54. value="{$companylist[0][company_name]}">
  55. <!--<input name="company_name" readonly="readonly" id="company_name" value="浙江美浓世纪集团有限公司">-->
  56. </li>
  57. <li>
  58. <span>邮政编码:</span><input name="postcode" type="text" id="postcode"
  59. value="{$companylist[0][postcode]}">
  60. </li>
  61. <li>
  62. <span>电&ensp;&ensp;&ensp;&ensp;话:</span><input name="phone" type="text" id="phone"
  63. value="{$companylist[0][phone]}">
  64. </li>
  65. </ul>
  66. <ul>
  67. <li>
  68. 地&ensp;&ensp;&ensp;&ensp;址:<input class="company_addres" name="company_addres" type="text"
  69. id="company_address" value="{$companylist[0][company_addres]}">
  70. </li>
  71. </ul>
  72. </li>
  73. </ul>
  74. </fieldset>
  75. <fieldset class="newlabel">
  76. <legend style="width:auto;margin-left:20px;">产品信息</legend>
  77. <ul class="product">
  78. <li>
  79. <ul>
  80. <li>
  81. <span>产品名称:</span>
  82. <select name="product_name1" id="product_name1" style="width:200px;height:35px;">
  83. <volist name="productlist" id="val">
  84. <option value="{$val.id}">{$val.product_name}</option>
  85. </volist>
  86. </select>
  87. <input id="materialtype" type="hidden" name="materialtype"
  88. value="{$productlist[0][temple]}">
  89. <input id="product_code" type="hidden" name="product_code"
  90. value="{$productlist[0][product_code]}">
  91. <input id="product_id" type="hidden" name="product_id" value="{$productlist[0][id]}">
  92. <input name="product_name" type="hidden" id="product_name"
  93. value="{$productlist[0][product_name]}">
  94. </li>
  95. <li>
  96. <span>产品规格:</span><input name="product_size" id="product_size"
  97. value="{$productlist[0][product_size]}">
  98. </li>
  99. <li>
  100. <span>产品编号:</span><input name="product_num" id="product_num"
  101. value="{$productlist[0][product_num]}">
  102. </li>
  103. </ul>
  104. <ul>
  105. <li>
  106. 版&ensp;本&ensp;号:&nbsp;<input name="versoin" type="text" id="versoin" value="A">
  107. </li>
  108. <li>
  109. 标&ensp;准&ensp;号:<input name="standnum" type="text" id="standnum" value="Q/GY105800-2017/0">
  110. </li>
  111. </ul>
  112. </li>
  113. </ul>
  114. </fieldset>
  115. <fieldset class="newlabel">
  116. <legend style="width:auto;margin-left:20px;">标记参数</legend>
  117. <ul class="tag">
  118. <li>
  119. <ul>
  120. <li>
  121. <span>标签类型:</span>
  122. <!-- <input name="label_type" type="num" id="label_type" value="1">-->
  123. <select name="label_type" id="label_type">
  124. <option value="1">大标签</option>
  125. <!-- <option value="2">小标签</option>-->
  126. </select>
  127. </li>
  128. <li>
  129. <span>重复打印:</span><input name="printnum" type="text" id="printnum" value="3">
  130. </li>
  131. <li>
  132. <span>生产批号:</span><input name="product_p" type="text" id="product_p" value="1807101">
  133. </li>
  134. </ul>
  135. <ul>
  136. <li>
  137. <span>生产/包装日期:</span><input name="pack_time" style="height:30px;width:173px;" id="pack_time"
  138. class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true})" />
  139. </li>
  140. <li>
  141. <span>模板尺寸选择:</span>
  142. <select name="temple" style="width:183px;height:30px;" id="temple">
  143. <option value="1">新模板</option>
  144. <option value="2">老模板</option>
  145. </select>
  146. </li>
  147. </ul>
  148. </li>
  149. </ul>
  150. <!-- <table cellpadding="0" cellspacing="0" width="100%">
  151. <tr>
  152. <td></td>
  153. <td></td>
  154. <td></td>
  155. </tr>
  156. <tr>
  157. <td></td>
  158. </td>
  159. </tr>
  160. </table> -->
  161. <table width="100%" border="1">
  162. <caption>标签序列配置</caption>
  163. <tr>
  164. <th><span>自定义字段</span> </th>
  165. <th><span>初始值</span></td>
  166. <th><span>批量打印个数</span></th>
  167. </tr>
  168. <tr>
  169. <td><span>总(张)数量(6位)</span></td>
  170. <td><input name="totalnum" type="text" id="totalnum" value="120000"></td>
  171. <td><input name="print_num" type="int" value="-"></td>
  172. </tr>
  173. <tr class="big_lable">
  174. <td><span>包(扎)次数(3位)</span></td>
  175. <td><input name="bagnum" type="text" id="bagnum" value="098"></td>
  176. <td><input name="print_num" type="int" value="-"></td>
  177. </tr>
  178. <tr class="big_lable">
  179. <td><span>托盘顺序号(4位)</span></td>
  180. <td><input name="paller_number" type="text" id="paller_number" value="0031"></input></td>
  181. <td><input name="print_num" type="int" value="8"></td>
  182. </tr>
  183. <tr class="big_lable">
  184. <td><span>大件流水号</span></td>
  185. <td><input name="big_liushui" type="text" id="big_liushui" value="000004"></input></td>
  186. <td><input name="" type="int" value="-"></td>
  187. </tr>
  188. <tr class="big_lable">
  189. <td><span>大件重量</span></td>
  190. <td><input name="big_weight" type="text" id="big_weight" value="000029"></input></td>
  191. <td><input name="" type="int" value="-"></td>
  192. </tr>
  193. <tr class="big_lable">
  194. <td><span>大件预留号</span></td>
  195. <td><input name="big_yuliu" type="text" id="big_yuliu" value="000000000002"></input></td>
  196. <td><input name="" type="int" value="-"></td>
  197. </tr>
  198. <tr class="small_lable">
  199. <td><span>当前板号(3位)</span></td>
  200. <td><input name="paller_number" type="text" id="paller_number" value="92"></input></td>
  201. <td><input name="print_num" type="int" value="-"></td>
  202. </tr>
  203. <tr class="small_lable">
  204. <td><span>混版板号(3位)</span></td>
  205. <td><input name="mixture_num" type="text" id="mixture_num" value="000"></input></td>
  206. <td><input name="print_num" type="int" value="-"></td>
  207. </tr>
  208. <tr class="small_lable">
  209. <td><span>当前板号的包(扎)序号(3位)</span></td>
  210. <td><input name="" type="text" id="" value="001"></input></td>
  211. <td><input name="" type="int" value="-"></td>
  212. </tr>
  213. <tr class="small_lable">
  214. <td><span>小件流水号</span></td>
  215. <td><input name="small_liushui" type="text" id="small_liushui" value="000005"></input></td>
  216. <td><input name="" type="int" value="-"></td>
  217. </tr>
  218. <tr class="small_lable">
  219. <td><span>小件重量</span></td>
  220. <td><input name="small_weight" type="text" id="small_weight" value="000002"></input></td>
  221. <td><input name="" type="int" value="-"></td>
  222. </tr>
  223. <tr class="small_lable">
  224. <td><span>小件预留号</span></td>
  225. <td><input name="small_yuliu" type="text" id="small_yuliu" value="000000000003"></input></td>
  226. <td><input name="" type="int" value="-"></td>
  227. </tr>
  228. </table>
  229. <input name="qr_code" value="" id="qr_code" type="hidden">
  230. <input name="labelcode" value="" id="labelcode" type="hidden">
  231. </fieldset>
  232. <div style="position:fixed;bottom:0;width:100%;height:50px;line-height:50px;">
  233. <div>
  234. <div id="createcode">
  235. 打印
  236. </div>
  237. <button type="submit" class="submitbtn">保存</button>
  238. </form>
  239. <!--<script src="__PUBLIC__/libs/js/qrcode.js"></script>-->
  240. <script src="__PUBLIC__/libs/guide/bootstrap-tour.js"></script>
  241. <script src="__PUBLIC__/libs/My97DatePicker/WdatePicker.js"></script>
  242. <script src="__PUBLIC__/libs/guide/guide_index.js?_t=2016121401"></script>
  243. <script src="__PUBLIC__/libs/guide/bootstrap-tour.js"></script>
  244. <script src="__PUBLIC__/libs/My97DatePicker/WdatePicker.js"></script>
  245. <script src="__PUBLIC__/libs/guide/guide_index.js?_t=2016121401"></script>
  246. <script type="text/javascript" src="__PUBLIC__/libs/js/qrcode.js"></script>
  247. <script type="text/javascript" src="__PUBLIC__/libs/js/LodopFuncs.js"></script>
  248. <script>
  249. $('#company_name1').change(function () {
  250. var company_id = $(this).val();
  251. //alert(company_id);
  252. $.ajax({
  253. url: "index.php?s=/Admin/Qcode/Productajax",
  254. data: "type=company&id=" + company_id,
  255. dataType: 'json',
  256. type: 'get',
  257. success: function (data) {
  258. $('#company_id').val(data[0].id)
  259. $('#postcode').val(data[0].postcode);
  260. $('#phone').val(data[0].phone);
  261. $('#company_address').val(data[0].company_addres);
  262. },
  263. error: function (error) {
  264. }
  265. });
  266. });
  267. $('#product_name1').change(function () {
  268. var product_id = $(this).val();
  269. //alert(product_id);
  270. $.ajax({
  271. async: true,
  272. url: "index.php?s=/Admin/Qcode/Productajax",
  273. data: "type=product&id=" + product_id,
  274. dataType: "json",
  275. type: "get",
  276. success: function (data) {
  277. //console.log(data);
  278. $('#materialtype').val(data[0].temple);
  279. $('#product_id').val(data[0].id)
  280. $('#product_name').val(data[0].product_name);
  281. $('#product_size').val(data[0].product_size);
  282. $('#product_num').val(data[0].product_num);
  283. },
  284. error: function (error) {
  285. }
  286. });
  287. });
  288. $('#createcode').click(function () {
  289. var myDate = new Date();
  290. var year = myDate.getFullYear();//获取当前年份
  291. var month = myDate.getMonth() + 1;//获取当前月份
  292. var date = myDate.getDate();//获取当前日
  293. var company_name = $('#company_name').val();//生产厂商名称;
  294. var product_name = $('#product_name').val();//产品名称;
  295. var product_size = $('#product_size').val();//产品尺寸;
  296. var qcode = $('#qr_code').val();//base64的图片编码;
  297. var product_code = $('#product_code').val();//产品编码;
  298. var type = $('#label_type').val();//标签类型
  299. var product_time = year + "-" + month + "-" + date;
  300. var pnum = $('#printnum').val();
  301. // console.log(company_name,product_name,product_size,product_time,qcode,type);
  302. var temple = $('#temple').val();
  303. alert(temple);
  304. if (temple == '1') {
  305. //使用新模板
  306. //console.log(temple);
  307. alert(1);
  308. qrPrepare(company_name, product_name, product_size, product_time, qcode, type, pnum);//调用打印插件,单次调用打印三张面单
  309. };
  310. if (temple == '2') {
  311. //使用老模板
  312. alert(2);
  313. console.log(temple);
  314. };
  315. });
  316. $('.small_lable').hide();
  317. $('.big_lable').show();
  318. $('#label_type').change(function () {
  319. var type = $(this).val();
  320. alert(type);
  321. $.ajax({
  322. url: 'index.php?s=/Admin/Qcode/Print_ewm',
  323. type: "get",
  324. datatype: "json",
  325. data: "label_type=" + type + "&materialtype=卷烟纸",
  326. success: function (data) {
  327. //console.log(data.data);
  328. if (data.code == 200) { //请求成功,将图片展示出来
  329. $('#base64').attr('src', "data:image/png;base64," + data.data);
  330. $('#qr_code').val("data:image/png;base64," + data.data);
  331. $('#labelcode').val(data.labelcode);
  332. $('#product_code').val(data.product_code);
  333. } else {
  334. //返回数据失败
  335. // alert("返回数据失败");
  336. }
  337. },
  338. error: function (error) {
  339. //alert('error');
  340. }
  341. });
  342. if (type == 1) {
  343. //小标签隐藏
  344. $('.small_lable').hide();
  345. $('.big_lable').show();
  346. };
  347. if (type == 2) {
  348. //大标签隐藏
  349. $('.small_lable').show();
  350. $('.big_lable').hide();
  351. };
  352. });
  353. //默认情况下生成二维码
  354. var product_code = $('#product_code').val();
  355. var company_code = $('#company_code').val();
  356. var big_liushui = $('#big_liushui').val();
  357. var big_wieght = $('#big_weight').val();
  358. var big_yuliu = $('#big_yuliu').val();
  359. $.ajax({
  360. url: 'index.php?s=/Admin/Qcode/Print_ewm',
  361. type: "get",
  362. datatype: "json",
  363. data: "label_type=1&temple=1&materialtype=01&product_code=" + product_code + "&company_code=" + company_code + "&big_liushui=" + big_liushui + "&big_wieght=" + big_wieght + "&big_yuliu=" + big_yuliu,
  364. success: function (data) {
  365. //console.log(data.data);
  366. if (data.code == 200) { //请求成功,将图片展示出来
  367. $('#base64').attr('src', "data:image/png;base64," + data.data);
  368. $('#qr_code').val("data:image/png;base64," + data.data);
  369. $('#labelcode').val(data.labelcode);
  370. $('#product_code').val(data.product_code);
  371. } else { //返回数据失败
  372. // alert("返回数据失败");
  373. }
  374. },
  375. error: function (error) {
  376. //alert('error');
  377. }
  378. });
  379. </script>
  380. </block>