bom_details.ftl 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  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"
  8. 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. <#include "/base/add_base.ftl">
  11. <link href="${path}/common/lib/jquery.ui/jquery-ui.css" rel="stylesheet" type="text/css"/>
  12. <style>
  13. .content { width: 100%; margin: 0 auto;font-size: 12px;}
  14. .my-title{font-weight: 500;padding-left: 15px;position: relative;}
  15. .my-title:after{content: '';position: absolute;left: 0;top:12%;width: 3px;height: 80%;background: #32a3d8;}
  16. .my-input{padding: 5px 10px;width: 80%;border:1px solid rgba(0,0,0,.1);}
  17. .my-span{padding: 5px 10px;width: 80%;}
  18. .my-input-date{padding: 5px 10px;border:1px solid rgba(0,0,0,.1);width: 80%;background: url(${path}/common/images/pts//rili-1.png) 98.5% center no-repeat; background-size:auto 80%;}
  19. .input-box{margin: 18px 0;}
  20. .input-dic{float: left;margin:5px 10px 0 0;font-size: 12px;}
  21. .add-list{list-style-type: none;padding: 10px;background-color: #f5f5f5;width: 60%;float: left;margin: 0;}
  22. .add-list>li{margin: 10px 0;}
  23. .my-textarea{padding: 5px 10px;width: 80%;border:1px solid rgba(0,0,0,.1);}
  24. .my-btn-reset{padding: 6px 20px;width: 150px; background-color: #fff;color: #32a3d8;border: 1px solid #32a3d8;cursor:pointer;margin: 10px 10px 0 10px;}
  25. .my-btn-submit{padding: 6px 20px;width: 150px; background-color: #32a3d8;color: #fff;border: 1px solid #32a3d8;cursor:pointer;margin: 10px 10px 0 10px;}
  26. .my-select{border: 1px solid rgba(0,0,0,.1);padding:6px 50px 6px 15px;width: 60%; height: 34px;margin: 0 10px; -webkit-appearance:none;appearance:none;background: url(${path}/common/images/pts/select-1.png) right center no-repeat #fff;background-size:auto 100%;}
  27. input[type=radio]{-webkit-appearance:none;appearance:none;background: url(/common/images/pts/radio-1.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
  28. input[type=radio]:checked{-webkit-appearance:none;appearance:none;background: url(/common/images/pts/radio-2.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
  29. .my-con-right{width: 80px;float: left; text-align: right; }
  30. .my-con-left{width: 80%; display: block; float: left;padding-left: 20px; font-size: 14px;line-height: 20px;}
  31. .my-con-text{width: 80%; padding-left: 8px; }
  32. .my-btn-search{border: 1px solid #32a3d8;padding: 1px 25px;height: 32px;background-color: #32a3d8;color: #fff;}
  33. </style>
  34. <title>Bom单详情 - Bom管理 - RST</title>
  35. </head>
  36. <body>
  37. <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
  38. <span class="c-gray en">&gt;</span> Bom管理
  39. <span class="c-gray en">&gt;</span> Bom单详情
  40. <a class="btn radius r"
  41. style="line-height:1.6em;margin-top:3px;background: #32a3d8;color: #fff;border:1px solid #32a3d8;"
  42. href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
  43. </nav>
  44. <article class="page-container">
  45. <form action="${path}/admin/bom/update_bom" method="post" class="form form-horizontal" id="form-bom-update">
  46. <button type="button" style="cursor:pointer; float: left;" class="my-btn-search" onclick="reback();">&lt;&lt;返回Bom列表</button></br></br>
  47. <div style="padding: 10px;">
  48. <div class="my-title">Bom单详情</div>
  49. <input type="hidden" value="${ptsBom.bomId}" id="bomId" name="bomId">
  50. <input type="hidden" value="${ptsBom.produceId}" id="produceId" name="produceId">
  51. <div class="input-box">
  52. <span class="my-con-right content">所属产品:</span>&nbsp;&nbsp;
  53. <span class="my-con-left content">${ptsBom.produceName}</span>
  54. </div>
  55. <div class="input-box">
  56. <span class="my-con-right content">Bom名称:</span>&nbsp;&nbsp;
  57. <span class="my-con-left content">${ptsBom.bomName}</span>
  58. </div>
  59. <div class="input-box">
  60. <span class="my-con-right content">硬件版本:</span>&nbsp;&nbsp;
  61. <span class="my-con-left content">${ptsBom.bomVersion}</span>
  62. </div>
  63. <div class="input-box">
  64. <span class="my-con-right content">Bom备注:</span>&nbsp;&nbsp;
  65. <span class="my-con-text content">${ptsBom.bomRemarks ! ''}</span>
  66. </div>
  67. <div class="input-box">
  68. <span class="my-con-right content">零件总成本:</span>&nbsp;&nbsp;
  69. <span class="my-con-text content"><#if ptsBom.allComponentsCost?? >${ptsBom.allComponentsCost/100}</#if>(元)</span>
  70. </div>
  71. <div class="input-box">
  72. <span class="my-con-right content">零件总重量:</span>&nbsp;&nbsp;
  73. <span class="my-con-text content">${ptsBom.allComponentsWeight ! ''}(g)</span>
  74. </div>
  75. <div class="my-title">Bom零件清单</div>
  76. <div class="row cl" style="margin-left: 20px">
  77. <div class="formControls col-xs-8 col-sm-9 components" style=" padding-left: 0px;">
  78. <input type="hidden" id="bomComponentJson" name="bomComponentJson">
  79. <table class="table table-border table-bordered table-bg table-hover table-sort">
  80. <thead>
  81. <tr class="text-c">
  82. <th width="80">零件编号</th>
  83. <th width="">零件名称</th>
  84. <th width="">零件数量</th>
  85. <th width="">零件成本(元)</th>
  86. <th width="">零件净重(g)</th>
  87. <th width="">零件规格</th>
  88. <th width="">零件供应商</th>
  89. </tr>
  90. </thead>
  91. <tbody id="componentaAll">
  92. <#if ptsBom.ptsBomComponentsList?? && (ptsBom.ptsBomComponentsList?size > 0) >
  93. <#list ptsBom.ptsBomComponentsList as bomComponents>
  94. <#assign compont = bomComponents.ptsComponents/>
  95. <tr class="text-c">
  96. <td>
  97. ${compont.componentsNo}
  98. </td>
  99. <td>
  100. ${compont.componentsName}
  101. </td>
  102. <td>
  103. ${bomComponents.bomComponentsQuantity}
  104. </td>
  105. <td>
  106. <#if compont.componentsCost?? >${compont.componentsCost/100}</#if>
  107. </td>
  108. <td>
  109. ${compont.componentsWeight}
  110. </td>
  111. <td>
  112. ${compont.componentsSpecification}
  113. </td>
  114. <td>
  115. ${compont.supplierName}
  116. </td>
  117. </tr>
  118. </#list>
  119. </#if>
  120. </tbody>
  121. </table>
  122. </div>
  123. </div>
  124. </div>
  125. </form>
  126. </article>
  127. <script type="text/javascript">
  128. /*返回列表*/
  129. function reback() {
  130. window.history.back();
  131. }
  132. </script>
  133. <!--/请在上方写此页面业务相关的脚本-->
  134. </body>
  135. </html>