addRenovationMachine.ftl 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="renderer" content="webkit|ie-comp|ie-stand">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  8. <meta http-equiv="Cache-Control" content="no-siteapp" />
  9. <title>添加翻新机</title>
  10. <style>
  11. .my-title{font-weight: 500;padding-left: 15px;position: relative;}
  12. .my-title:after{content: '';position: absolute;left: 0;top:12%;width: 3px;height: 80%;background: #32a3d8;}
  13. .my-input{padding: 8px 10px;width: 80%;border:1px solid rgba(0,0,0,.1);}
  14. .my-input-date{padding: 8px 10px;border:1px solid rgba(0,0,0,.1);width: 80%;background: url(http://s.iamberry.com/images/rili-1.png) 98.5% center no-repeat; background-size:auto 50%;}
  15. .input-box{margin: 18px 0;}
  16. .input-dic{float: left;margin:5px 10px 0 0;font-size: 12px;}
  17. .add-list{list-style-type: none;padding: 10px;background-color: #f5f5f5;width: 60%;float: left;margin: 0;}
  18. .add-list>li{margin: 10px 0;}
  19. .my-textarea{padding: 5px 10px;width: 80%;border:1px solid rgba(0,0,0,.1);}
  20. .my-btn-reset{padding: 10px 20px;width: 150px; background-color: #fff;color: #32a3d8;border: 1px solid #32a3d8;cursor:pointer;margin: 10px 10px 0 10px;}
  21. .my-btn-submit{padding: 10px 20px;width: 150px; background-color: #32a3d8;color: #fff;border: 1px solid #32a3d8;cursor:pointer;margin: 10px 10px 0 10px;}
  22. .my-select{border: 1px solid rgba(0,0,0,.1);padding:6px 50px 6px 15px;width: 80%; height: 34px; -webkit-appearance:none;appearance:none;background: url(http://s.iamberry.com/images/select-1.png) right center no-repeat #fff;background-size:auto 100%;}
  23. input[type=radio]{-webkit-appearance:none;appearance:none;background: url(/rst/common/images/pts/radio-1.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
  24. input[type=radio]:checked{-webkit-appearance:none;appearance:none;background: url(/rst/common/images/pts/radio-2.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
  25. .spanhidth{width: 70px;text-align: right;}
  26. </style>
  27. <#include "/base/add_base.ftl">
  28. </head>
  29. <body>
  30. <div class="pd-20">
  31. <form class="form form-horizontal" id="form-admin-add">
  32. <div class="input-box">
  33. <span class="input-dic spanhidth">批次:</span>
  34. <select class="my-select" name="batchId" id="batchId">
  35. <#if (listptsBatch ?size > 0)>
  36. <#list listptsBatch as list>
  37. <option value ="${list.batchId}">${list.batchNo}</option>
  38. </#list>
  39. <#else >
  40. <option value ="">暂无批次,请先添加批次</option>
  41. </#if>
  42. </select>
  43. </div>
  44. <div class="input-box">
  45. <span class="input-dic spanhidth">软件版本:</span>
  46. <select class="my-select" name="versionId" id="versionId">
  47. <#if (listVersion ?size > 0)>
  48. <#list listVersion as list>
  49. <option value ="${list.machineVersionId}">${list.machineVersionName}</option>
  50. </#list>
  51. <#else >
  52. <option value ="">暂无软件版本,请先添加软件版本</option>
  53. </#if>
  54. </select>
  55. </div>
  56. <div class="input-box">
  57. <span class="input-dic spanhidth">Bom单:</span>
  58. <select class="my-select" name="bomId" id="bomId">
  59. <#if (listBom ?size > 0)>
  60. <#list listBom as list>
  61. <option value ="${list.bomId}">${list.bomName}</option>
  62. </#list>
  63. <#else >
  64. <option value ="">暂无Bom,请先添加Bom单</option>
  65. </#if>
  66. </select>
  67. </div>
  68. <div class="input-box"><span class="input-dic spanhidth">机器数量:</span><input class="my-input" type="text" style="width: 76%;" name="number" id="number" placeholder="每次最少生成一个机器"/> </div>
  69. <div class="input-box">
  70. <span class="input-dic spanhidth"></span>
  71. <input id="sumbit" class="btn btn-primary radius" type="button" value="&nbsp;&nbsp;提交&nbsp;&nbsp;" onclick="admin_add()">
  72. </div>
  73. </form>
  74. </div>
  75. <#--<script type="text/javascript" src="${path}/common/admin/js/tips.js"></script>-->
  76. <script type="text/javascript">
  77. /*监听批次修改Bom bom单*/
  78. $("#batchId").change(function(){
  79. var batchId = $(this).val();
  80. getBom(batchId);
  81. });
  82. /*获取bom信息,赋值在页面上*/
  83. function getBom(batchId){
  84. var bom = new Object();
  85. $.ajax({
  86. type: "POST",
  87. data: {
  88. batchId : batchId
  89. },
  90. url: "${path}/admin/machine/select_bom",
  91. async: false,
  92. success: function(data){
  93. if (data.returnCode == 200) {
  94. bom = data.returnMsg.listBom;
  95. }
  96. },
  97. error: function(XmlHttpRequest, textStatus, errorThrown){
  98. }
  99. });
  100. if(bom != null){
  101. $("#bomId").empty();
  102. $.each(bom,function(n,value) {
  103. var appoption = "<option value='"+value.bomId+"'>"+value.bomName+"</option>";
  104. $("#bomId").append(appoption);
  105. });
  106. }
  107. }
  108. function dataCharm() {
  109. var batchId = $("#batchId").val();
  110. if(batchId == null || batchId == "" || typeof(batchId)=="undefined"){
  111. layer.msg("必须选择一个批次,没有批次请到批次列表添加批次",{icon: 5,time:3000});
  112. return false;
  113. }
  114. var versionId = $("#versionId").val();
  115. if(versionId == null || versionId == "" || typeof(versionId)=="undefined"){
  116. layer.msg("必须选择一个软件版本,没有软件版本请到产品列表中添加软件版本",{icon: 5,time:3000});
  117. return false;
  118. }
  119. var bomId = $("#bomId").val();
  120. if(bomId == null || bomId == "" || typeof(bomId)=="undefined"){
  121. layer.msg("必须选择一个Bom单,没有Bom单请到Bom单列表添加Bom单",{icon: 5,time:3000});
  122. return false;
  123. }
  124. var number = $("#number").val();
  125. if(number == null || number == "" || typeof(number)=="undefined"){
  126. layer.msg("数量不能为空",{icon: 5,time:3000});
  127. return false;
  128. }
  129. if(1 > number.length > 5){
  130. layer.msg("数量长度为2-10位",{icon: 5,time:3000});
  131. return false;
  132. }
  133. return true;
  134. }
  135. /*机器-添加*/
  136. function admin_add(){
  137. layer.msg('加载中', {icon: 16});
  138. var msg = dataCharm();
  139. if(msg){
  140. $.ajax({
  141. url: '${path}/admin/machine/add_renovationMachine',
  142. type: "POST",
  143. dataType: "json",
  144. data: $("#form-admin-add").serialize(),
  145. beforeSubmit: function (data) {
  146. $("#submit").attr("disabled","disabled");
  147. },
  148. success: function(data){
  149. if(data.returnCode){
  150. layer.msg("添加成功",{icon: 1,time:3000});
  151. window.parent.location.reload();
  152. var index = parent.layer.getFrameIndex(window.name);
  153. parent.layer.close(index);
  154. }else{
  155. layer.msg("添加失败",{icon: 5,time:3000});
  156. }
  157. },
  158. error:function(data){
  159. layer.msg("添加失败",{icon: 5,time:3000});
  160. }
  161. });
  162. }
  163. }
  164. </script>
  165. </body>
  166. </html>