add.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222
  1. <style type="text/css">
  2. .tg {border-collapse:collapse;border-spacing:0;}
  3. .tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  4. overflow:hidden;padding:10px 5px;word-break:normal;}
  5. .tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  6. font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
  7. .tg .tg-ub5w{font-size:36px;text-align:center;vertical-align:middle;border: none}
  8. .tg .tg-x1hj{font-size:22px;text-align:left;vertical-align:top;}
  9. .tg .tg-kghl{font-size:22px;text-align:left;vertical-align:middle;}
  10. .tg .tg-z7m5{font-size:22px;text-align:left;text-decoration:underline;vertical-align:top;border: none}
  11. .tg .tg-s5vw{font-size:22px;font-weight:bold;text-align:center;vertical-align:bottom;border: none}
  12. .tg .tg-v8dz{font-size:24px;text-align:left;vertical-align:top;border: none}
  13. .tg .tg-svyg{font-size:22px;font-weight:bold;text-align:left;text-decoration:underline;vertical-align:bottom;border: none}
  14. .tg .tg-4qqe{font-size:22px;font-weight:bold;text-align:center;vertical-align:top;border: none}
  15. .tg .tg-9d8n{font-size:22px;text-align:left;vertical-align:top;}
  16. .tg .tg-0pky{text-align:left;vertical-align:top;border: none}
  17. .layui-layer-dialog .layui-layer-content {
  18. font-size: 35px;
  19. line-height: 110px;
  20. color: red;
  21. text-align: center;
  22. }
  23. </style>
  24. <form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
  25. <div class="form-group">
  26. <label class="control-label col-xs-12 col-sm-3">{:__('Bach')}:</label>
  27. <div class="col-xs-12 col-sm-6" id="c_bach" >
  28. <input id="c-bach" data-rule="required" class="form-control" name="row[bach]" type="text">
  29. </div>
  30. <!-- <label class="control-label col-xs-12 col-sm-2">{:__('Bach')}:</label>-->
  31. <!-- <div class="col-xs-12 col-sm-3" id="c_bach" >-->
  32. <!-- <input id="c-bach" data-rule="required" class="form-control" name="row[bach]" type="text">-->
  33. <!-- </div>-->
  34. <!-- <label class="control-label col-xs-12 col-sm-2">选择电子秤</label>-->
  35. <!-- <div class="col-xs-12 col-sm-3">-->
  36. <!-- <select id="dzc" class="control-label col-xs-12 col-sm-8 form-control" style="width: 100%;">-->
  37. <!-- <option value= "" selected disabled>请选择电子秤</option>-->
  38. <!-- <option value="COM1">电子秤一号</option>-->
  39. <!-- <option value="COM2">电子秤二号</option>-->
  40. <!-- <option value="COM3">电子秤三号</option>-->
  41. <!-- <option value="COM4">电子秤四号</option>-->
  42. <!-- <option value="COM5">电子秤五号</option>-->
  43. <!-- <option value="COM6">电子秤六号</option>-->
  44. <!-- <option value="COM7">电子秤七号</option>-->
  45. <!-- <option value="COM8">电子秤八号</option>-->
  46. <!-- <option value="COM9">电子秤九号</option>-->
  47. <!-- <option value="COM10">电子秤十号</option>-->
  48. <!-- <option value="COM11">电子秤十一号</option>-->
  49. <!-- </select>-->
  50. <!-- </div>-->
  51. </div>
  52. <div class="form-group">
  53. <label class="control-label col-xs-12 col-sm-2">日期:</label>
  54. <div class="col-xs-12 col-sm-3">
  55. <input id="c-date" readonly value="{:date('Y-m-d')}" class="form-control" name="row[date]" type="text">
  56. </div>
  57. <label class="control-label col-xs-12 col-sm-2">开票人:</label>
  58. <div class="col-xs-12 col-sm-3">
  59. <input id="c-specifications" readonly class="form-control" name="row[specifications]" type="text">
  60. </div>
  61. </div>
  62. <div class="form-group">
  63. <label class="control-label col-xs-12 col-sm-2">名称:</label>
  64. <div class="col-xs-12 col-sm-3">
  65. <input id="c-name" data-rule="required" readonly class="form-control" type="text">
  66. </div>
  67. <label class="control-label col-xs-12 col-sm-2">审核:</label>
  68. <div class="col-xs-12 col-sm-3">
  69. <input id="c-unit" class="form-control" readonly name="row[unit]" type="text">
  70. </div>
  71. </div>
  72. <div class="form-group">
  73. <label class="control-label col-xs-12 col-sm-2">操作人员:</label>
  74. <div class="col-xs-12 col-sm-3">
  75. <select style="text-align: left;" id="c-operator" class="control-label col-xs-12 col-sm-8 form-control" name="row[operator]">
  76. <option></option>
  77. {foreach $cjcz as $key=>$vv}
  78. <option value="{$vv.name}">{$vv.name}</option>
  79. {/foreach}
  80. </select>
  81. <!--<input id="c-operator" data-rule="required" class="form-control" name="row[operator]" type="text">-->
  82. </div>
  83. <label class="control-label col-xs-12 col-sm-2">检验人员:</label>
  84. <div class="col-xs-12 col-sm-3">
  85. <select style="text-align: left" id="c-inspector" class="control-label col-xs-12 col-sm-8 form-control" name="row[inspector]">
  86. <option></option>
  87. {foreach $cjjy as $key=>$vvv}
  88. <option value="{$vvv.name}">{$vvv.name}</option>
  89. {/foreach}
  90. </select>
  91. <!--<input id="c-inspector" class="form-control" data-rule="required" name="row[inspector]" type="text">-->
  92. </div>
  93. </div>
  94. <div class="form-group">
  95. <div class="col-xs-12 col-sm-2">
  96. 扫描物料<input class="form-control" id="wuliao" name="123" type="text">
  97. </div>
  98. <div class="col-xs-12 col-sm-6" style="margin-top: 25px;font-size: 18px">
  99. <span>您本次扫描的物料是:</span><span id="input" style="color: red"></span>
  100. </div>
  101. </div>
  102. <style>
  103. th,tr{
  104. text-align: center;
  105. }
  106. .table_bottom tr{
  107. text-align: left;
  108. }
  109. </style>
  110. <div class="form-group">
  111. <table class="table table-striped table-bordered table-hover table-nowrap" id="table">
  112. <tr>
  113. <th class="col-xs-12 col-sm-3">{:__('Material')}</th>
  114. <th class="col-xs-12 col-sm-1">{:__('Nweight')}</th>
  115. <th class="col-xs-12 col-sm-1">{:__('Weight')}</th>
  116. <th class="col-xs-12 col-sm-1">操作</th>
  117. <th class="col-xs-12 col-sm-1">原材料批次号</th>
  118. <th class="col-xs-12 col-sm-4">操作记录</th>
  119. </tr>
  120. </table>
  121. </div>
  122. <div class="form-group layer-footer">
  123. <label class="control-label col-xs-12 col-sm-2"></label>
  124. <div class="col-xs-12 col-sm-8">
  125. <!-- <button type="submit" class="btn btn-primary btn-embossed disabled option">{:__('OK')}</button>-->
  126. <button type="button" class="btn btn-default btn-embossed print-link">打印预览</button>
  127. </div>
  128. </div>
  129. <!--==============================================================================-->
  130. <div style="display: none">
  131. <div class="form-group" id="print_area" >
  132. <div id="head">
  133. <table class="tg" style="width: 800px;">
  134. <thead>
  135. <!--<div id="qrcode" style="margin:0 0 -450px 500px;width: 80px;height: 80px;">-->
  136. <!--<img src="" id="myImage" alt=""/>-->
  137. <!--</div>-->
  138. <!--<div id="qrcode" style="width: 80px;height: 80px;border: 1px pink solid">-->
  139. <img src="" id="myImage" class="qrcode" alt="" style="margin:0 0 -130px 500px;"/>
  140. <!--</div>-->
  141. <tr>
  142. <th class="tg-v8dz" colspan="6" >
  143. <!--<p id="formula_no"></p>-->
  144. <!--<hr style="border: 1px solid;margin-top: -5px">-->
  145. </th>
  146. </tr>
  147. </thead>
  148. <tbody>
  149. <tr>
  150. <td class="tg-s5vw"></td>
  151. <td class="tg-svyg"></td>
  152. <td class="tg-ub5w" colspan="3" rowspan="2">
  153. 作业票</td>
  154. <td class="tg-4qqe"></td>
  155. <td class="tg-s5vw"></td>
  156. </tr>
  157. <tr>
  158. <td class="tg-9d8n" style="border: none;width: 80px;">日期:</td>
  159. <td class="tg-z7m5" style="width:134px" id="date">{:date("Y-m-d")}</td>
  160. <td class="tg-9d8n" style="width:100px">开票人</td>
  161. <td class="tg-9d8n" style="width:100px">审核</td>
  162. </tr>
  163. <tr>
  164. <td class="tg-9d8n" style="border: none">批号:</td>
  165. <td class="tg-z7m5" style="text-decoration: underline" id="bach"></td>
  166. <td class="tg-kghl" style="border: none;text-align: center"><input style="text-align: center;width: 100%;" type="text" id="formula"></td>
  167. <td class="tg-0pky"></td>
  168. <td class="tg-0pky"></td>
  169. <td class="tg-x1hj" id="specifications"></td>
  170. <td class="tg-x1hj" id="unit"></td>
  171. </tr>
  172. </tbody>
  173. </table>
  174. </div>
  175. <div style="height: 20px;"></div>
  176. <!--打印 整体下部分-->
  177. <div id="body">
  178. <!--打印表格部分-->
  179. <table class="tg" style="width: 840px;" id="print_gy">
  180. <tr>
  181. <th style="text-align: center">原材料</th>
  182. <!--<th style="text-align: center">百分比</th>-->
  183. <th style="text-align: center">应加量(KG)</th>
  184. <th style="text-align: center;min-width: 100px;">实加量(KG)</th>
  185. <th style="text-align: center">操作记录</th>
  186. </tr>
  187. <!--<tr>
  188. <td style="width: 100px;text-align: center">总计</td>
  189. <td class="total" style="width: 100px;text-align: center"></td>
  190. <td></td>
  191. <td></td>
  192. </tr>
  193. <tr>
  194. <td colspan="5" class="remark"></td>
  195. </tr>-->
  196. </table>
  197. <div style="height: 5px;"></div>
  198. <table class="tg table_bottom" style="width: 800px;">
  199. <tr>
  200. <td style="border: none">
  201. <span>包装规格:</span>
  202. <hr style="border: 1px solid;width: 150px;margin-top: -5px;">
  203. <div style="position: absolute;margin-left: 270px;margin-top: -36px;">KG/桶</div>
  204. </td>
  205. <td style="border: none">作业票回收日期:<hr style="border: 1px solid;width: 150px;margin-top: -5px;"></td>
  206. </tr>
  207. <tr>
  208. <td style="border: none">操作人员:<hr style="border: 1px solid;width: 150px;margin-top: -5px;"></td>
  209. <td style="border: none">检验签字:<hr style="border: 1px solid;width: 150px;margin-top: -5px;"></td>
  210. </tr>
  211. </table>
  212. </div>
  213. </div>
  214. </div>
  215. </form>
  216. <script type='text/javascript' src='__CDN__/assets/js/jquery2.1.1.min.js'></script>
  217. <script type="text/javascript" src="__CDN__/assets/js/jquery.qrcode.min.js"></script>
  218. <script type="text/javascript" src="__CDN__/assets/js/jQuery.print.js"></script>
  219. <script>
  220. </script>