ptras_update.ftl 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334
  1. <!--_meta 作为公共模版分离出去-->
  2. <!DOCTYPE HTML>
  3. <html>
  4. <head>
  5. <meta charset="utf-8">
  6. <meta name="renderer" content="webkit|ie-comp|ie-stand">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  9. <meta http-equiv="Cache-Control" content="no-siteapp" />
  10. <link rel="Bookmark" href="/favicon.ico" >
  11. <link rel="Shortcut Icon" href="/favicon.ico" />
  12. <#include "/base/add_base.ftl">
  13. <link href="${path }/common/kingedit/themes/default/default.css" rel="stylesheet" type="text/css" />
  14. <title>修改机器零件</title>
  15. </head>
  16. <body>
  17. <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
  18. <span class="c-gray en">&gt;</span> 零件管理
  19. <span class="c-gray en">&gt;</span> 修改零件
  20. <a class="btn radius r"
  21. style="line-height:1.6em;margin-top:3px;background: #32a3d8;color: #fff;border:1px solid #32a3d8;"
  22. href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
  23. </nav>
  24. <article class="page-container" style="padding: 10px;width: 600px;margin: 0 auto;">
  25. <form action="" method="post" class="form form-horizontal" id="form-parts-update">
  26. <div class="row cl">
  27. <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>所属机器:</label>
  28. <div class="formControls col-xs-8 col-sm-9"> <span class="select-box">
  29. <select class="select" size="1" name="produceId" id="produceId">
  30. <#if (produceList ?size > 0)>
  31. <#list produceList as list>
  32. <option value ="${list.produceId}" <#if ptsComponents.produceId == list.produceId>selected</#if>>${list.produceName}</option>
  33. </#list>
  34. <#else >
  35. <option value ="">暂无产品,请到生产产品列表添加产品</option>
  36. </#if>
  37. </select>
  38. <input type="hidden" value="${ptsComponents.produceId!''}" name="oldProduceId" id="oldProduceId">
  39. </span> </div>
  40. </div>
  41. <div class="row cl">
  42. <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>零件编号:</label>
  43. <div class="formControls col-xs-8 col-sm-9">
  44. <input type="text" class="input-text" value="${ptsComponents.componentsNo!''}" id="componentsNo" name="componentsNo" placeholder="请输入零件编号,支持数字、字母组合" onkeyup="this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'')">
  45. </div>
  46. </div>
  47. <div class="row cl">
  48. <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>零件名称:</label>
  49. <div class="formControls col-xs-8 col-sm-9">
  50. <input type="text" class="input-text" value="${ptsComponents.componentsName!''}" id="componentsName" name="componentsName" placeholder="请输入1-30位的名称,支持中文、字母、数字">
  51. </div>
  52. </div>
  53. <div class="row cl">
  54. <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>供应商:</label>
  55. <div class="formControls col-xs-8 col-sm-9"> <span class="select-box">
  56. <select class="select" size="1" name="supplierId" id="supplierId">
  57. <#if (listSupplier ?size > 0)>
  58. <#list listSupplier as list>
  59. <option value ="${list.supplierId}"<#if ptsComponents.supplierId == list.supplierId>selected</#if>>${list.supplierName}</option>
  60. </#list>
  61. <#else >
  62. <option value ="">暂无供应商,请到供应商列表添加供应商</option>
  63. </#if>
  64. </select>
  65. </span> </div>
  66. </div>
  67. <#--<div class="row cl">
  68. <label class="form-label col-xs-4 col-sm-3">零件图片:</label>
  69. <div class="formControls col-xs-8 col-sm-9">
  70. <img alt="介绍图" src="${ptsComponents.componentsImg!''}" id="partsImg" width="90" height="80">
  71. <input type="hidden" id="componentsImg" name="componentsImg" value="${ptsComponents.componentsImg!''}"/>
  72. </div>
  73. </div>-->
  74. <div class="row cl">
  75. <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>零件图片:</label>
  76. <div class="formControls col-xs-8 col-sm-9" id="fileDiv">
  77. <input type="file" name="file" id="fileid" style="opacity: 0; position: absolute; width: 90px;height: 80px;">
  78. <img alt="介绍图" src="${path}${ptsComponents.componentsImg!''}" id="partsImg" width="90" height="80">
  79. <input type="hidden" id="componentsImg" name="componentsImg" value=""/>
  80. </div>
  81. </div>
  82. <div class="row cl">
  83. <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>零件状态:</label>
  84. <div class="formControls col-xs-8 col-sm-9 skin-minimal">
  85. <div class="radio-box">
  86. <input type="radio" id="sex-2" value="1" name="componentsStatus" <#if ptsComponents.componentsStatus == 1>checked</#if>>
  87. <label for="sex-2">正常使用</label>
  88. </div>
  89. <div class="radio-box">
  90. <input name="componentsStatus" type="radio" value="0" id="sex-1" <#if ptsComponents.componentsStatus == 0>checked</#if>>
  91. <label for="sex-1">停止使用</label>
  92. </div>
  93. </div>
  94. <input type="hidden" value="${ptsComponents.componentsStatus!''}" name="oldComponentsStatus" id="oldComponentsStatus">
  95. </div>
  96. <div class="row cl">
  97. <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>零件成本:</label>
  98. <div class="formControls col-xs-8 col-sm-9">
  99. <input type="text" class="input-text" value="${ptsComponents.componentsCost/100!''}" id="componentsCost" name="componentsCost" placeholder="请输入零件成本,单位为元" oninput= 'this.value = this.value.replace(/\D+/g, "")' onblur = 'this.value = this.value.replace(/\D+/g, "")'>
  100. </div>
  101. </div>
  102. <div class="row cl">
  103. <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>零件重量:</label>
  104. <div class="formControls col-xs-8 col-sm-9">
  105. <input type="text" class="input-text" value="${ptsComponents.componentsWeight!''}" id="componentsWeight" name="componentsWeight" placeholder="请输入零件重量,单位为克" onkeyup="value=value.replace(/[^\d.]/g,'')">
  106. </div>
  107. </div>
  108. <div class="row cl">
  109. <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>零件材料:</label>
  110. <div class="formControls col-xs-8 col-sm-9">
  111. <input type="text" class="input-text" value="${ptsComponents.componentsMaterial!''}" id="componentsMaterial" name="componentsMaterial" placeholder="请输入1-30位的材料,支持中文、字母、数字">
  112. </div>
  113. </div>
  114. <div class="row cl">
  115. <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>材料类型:</label>
  116. <div class="formControls col-xs-8 col-sm-9">
  117. <select class="select" size="1" name="componentsType" id="componentsType">
  118. <option value ="1"<#if ptsComponents.componentsType == 1>selected</#if>>塑胶件</option>
  119. <option value ="2"<#if ptsComponents.componentsType == 2>selected</#if>>五金件</option>
  120. <option value ="3"<#if ptsComponents.componentsType == 3>selected</#if>>其他</option>
  121. </select>
  122. </div>
  123. </div>
  124. <div class="row cl">
  125. <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>MBSC:</label>
  126. <div class="formControls col-xs-8 col-sm-9">
  127. <input type="text" class="input-text" value="${ptsComponents.componentsMbsc!''}" id="componentsMbsc" name="componentsMbsc" placeholder="请输入MBSC">
  128. </div>
  129. </div>
  130. <div class="row cl">
  131. <label class="form-label col-xs-4 col-sm-3">规格:</label>
  132. <div class="formControls col-xs-8 col-sm-9">
  133. <input type="text" class="input-text" value="${ptsComponents.componentsSpecification!''}" id="componentsSpecification" name="componentsSpecification" placeholder="请输入材料规格(允许为空)">
  134. </div>
  135. </div>
  136. <div class="row cl">
  137. <label class="form-label col-xs-4 col-sm-3">备注:</label>
  138. <div class="formControls col-xs-8 col-sm-9">
  139. <textarea name="componentsDesc" id="componentsDesc" cols="" rows="" class="textarea" placeholder="请输入零件的备注(允许为空)" onKeyUp="$.Huitextarealength(this,100)">${ptsComponents.componentsDesc!''}</textarea>
  140. <p class="textarea-numberbar"><em class="textarea-length"><#if ptsComponents.componentsDesc??>${ptsComponents.componentsDesc?length} <#else>0</#if></em>/100</p>
  141. </div>
  142. </div>
  143. <div class="row cl">
  144. <label class="form-label col-xs-4 col-sm-3"></label>
  145. <span class="c-red">*提示</span><span>:新增的零件,如果在机器生产有使用,请更新Bom单。</span>
  146. </div>
  147. <div class="row cl">
  148. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
  149. <input type="hidden" value="${ptsComponents.componentsId!''}" name="componentsId">
  150. <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
  151. </div>
  152. </div>
  153. </form>
  154. </article>
  155. <script type="text/javascript" src="${path}/common/kingedit/kindeditor.js"></script>
  156. <script type="text/javascript" src="${path}/common/kingedit/lang/zh_CN.js"></script>
  157. <script type="text/javascript" src="${path}/common/lib/webuploader/0.1.5/webuploader.min.js"></script>
  158. <script type="text/javascript" src="${path}/common/lib/jquery/1.9.1/ajaxfileupload.js"></script>
  159. <script type="text/javascript">
  160. /*KindEditor.ready(function(K) {
  161. var editor = K.editor({
  162. fileManagerJson : '${path}/common/kingedit/jsp/file_manager_json.jsp',
  163. uploadJson : '${path}/common/kingedit/jsp/upload_json.jsp',
  164. allowFileManager : true
  165. });
  166. K('#partsImg').click(function() {
  167. var imgid = $(this).attr("id");//获取当前ID
  168. editor.loadPlugin('image', function() {
  169. editor.plugin.imageDialog({
  170. showRemote : false,
  171. imageUrl : K('#componentsImg').val(),
  172. clickFn : function(url, title, width, height, border, align) {
  173. K('#partsImg').attr("src",url);
  174. K('#componentsImg').val(url);
  175. editor.hideDialog();
  176. return false;
  177. }
  178. });
  179. });
  180. });
  181. });*/
  182. $(function(){
  183. $('.skin-minimal input').iCheck({
  184. checkboxClass: 'icheckbox-blue',
  185. radioClass: 'iradio-blue',
  186. increaseArea: '20%'
  187. });
  188. $("#form-parts-update").validate({
  189. rules:{
  190. produceId:{
  191. required:true
  192. },
  193. componentsNo:{
  194. required:true,
  195. minlength:2,
  196. maxlength:11
  197. },
  198. componentsName:{
  199. required:true,
  200. minlength:2,
  201. maxlength:30
  202. },
  203. componentsCost:{
  204. required:true,
  205. minlength:1,
  206. maxlength:11
  207. },
  208. componentsWeight:{
  209. required:true,
  210. minlength:1,
  211. maxlength:11
  212. },
  213. componentsMaterial:{
  214. required:true,
  215. minlength:1,
  216. maxlength:30
  217. },
  218. componentsMbsc:{
  219. required:true,
  220. minlength:1,
  221. maxlength:1
  222. },
  223. componentsSpecification:{
  224. required:true,
  225. minlength:1,
  226. maxlength:50
  227. },
  228. componentsImg:{
  229. required:true,
  230. minlength:1,
  231. maxlength:100
  232. },
  233. componentsDesc:{
  234. minlength:1,
  235. maxlength:100
  236. }
  237. },
  238. onkeyup:false,
  239. focusCleanup:true,
  240. success:"valid",
  241. submitHandler:function(form){
  242. var produceId = $("#produceId").val();
  243. var oldProduceId = $("#oldProduceId").val();
  244. var componentsStatus=$('input:radio[name="componentsStatus"]:checked').val();
  245. var oldComponentsStatus = $("#oldComponentsStatus").val();
  246. if(produceId != oldProduceId || componentsStatus != oldComponentsStatus){
  247. layer.confirm('修改的零件,会影响已经生产好的机器。如果修改零件的供应商、材料等信息,建议添加一次Bom,并做对应软硬件版本升级。,是否修改?',function(index){
  248. $.ajax({
  249. cache: true,
  250. type: "POST",
  251. data: $("#form-parts-update").serialize(),
  252. url: "${path}/admin/machineParts/update_machineParts",
  253. async: false,
  254. success: function(data){
  255. if (data.returnCode == 200) {
  256. layer.msg('修改成功!', {icon: 1, time: 2000});
  257. window.location.href = '${path}/admin/machineParts/_parts_list'
  258. }else if(data.returnCode == 501){
  259. layer.msg('该零件已保存,不能重复!', {icon: 2, time: 2000});
  260. }else{
  261. layer.msg('修改失败!', {icon: 2, time: 2000});
  262. }
  263. },
  264. error: function(XmlHttpRequest, textStatus, errorThrown){
  265. layer.msg('修改失败!', {icon: 2, time: 2000});
  266. }
  267. });
  268. });
  269. }else {
  270. $.ajax({
  271. cache: true,
  272. type: "POST",
  273. data: $("#form-parts-update").serialize(),
  274. url: "${path}/admin/machineParts/update_machineParts",
  275. async: false,
  276. success: function(data){
  277. if (data.returnCode == 200) {
  278. layer.msg('修改成功!', {icon: 1, time: 2000});
  279. window.location.href = '${path}/admin/machineParts/_parts_list'
  280. }else if(data.returnCode == 501){
  281. layer.msg('该零件已保存,不能重复!', {icon: 2, time: 2000});
  282. }else{
  283. layer.msg('修改失败!', {icon: 2, time: 2000});
  284. }
  285. },
  286. error: function(XmlHttpRequest, textStatus, errorThrown){
  287. layer.msg('修改失败!', {icon: 2, time: 2000});
  288. }
  289. });
  290. }
  291. }
  292. });
  293. });
  294. $('#fileid').change(function() {
  295. fileUpload();
  296. });
  297. function fileUpload() {
  298. $.ajaxFileUpload({
  299. url:"${path}/admin/machineParts/fileUpload",
  300. secureuri:false,
  301. fileElementId:"fileid",//文件选择框的id属性
  302. dataType: 'json', //json
  303. success: function (data) {
  304. if(data.returnCode == 200){
  305. $('#componentsImg').val(data.returnMsg.imgUrl);
  306. $('#partsImg').attr("src",root_path+data.returnMsg.imgUrl);
  307. $("#fileid").remove();
  308. /*<input type="file" name="file" id="fileid" style="opacity: 0; position: absolute; width: 90px;height: 80px;">*/
  309. $("#fileDiv").prepend('<input type="file" name="file" id="fileid" style="opacity: 0; position: absolute; width: 90px;height: 80px;" onchange="fileUpload()">');
  310. }else{
  311. layer.msg('上传失败,请重试!',{icon: 5,time:2000});
  312. }
  313. }
  314. });
  315. }
  316. </script>
  317. <!--/请在上方写此页面业务相关的脚本-->
  318. </body>
  319. </html>