| <!DOCTYPE HTML> | 
| <html xmlns:th="http://www.thymeleaf.org"> | 
| <head> | 
|     <meta charset="utf-8"> | 
|     <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> | 
|     <meta name="renderer" content="webkit|ie-comp|ie-stand"> | 
|     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | 
|     <meta name="viewport" | 
|           content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> | 
|     <meta http-equiv="Cache-Control" content="no-siteapp" /> | 
|     <!-- 本框架基本脚本和样式 --> | 
|     <script type="text/javascript" | 
|             th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script> | 
|     <script type="text/javascript" th:src="@{/js/systools/MBase.js}"></script> | 
| </head> | 
| <body> | 
| <div class="ibox-content"> | 
|     <form class="form-horizontal" id="dataform" | 
|           onsubmit="javascripr:return false;"> | 
|   | 
|         <input autocomplete="off"   type="hidden" name="id" th:value="${serviceId} " > | 
|   | 
|         <table class="table table-bordered" id="waptable"> | 
|             <tbody th:each="projInfo,outList:${projInfoList}"> | 
|   | 
|             <tr class="success"> | 
|                 <td colspan="5" th:text="'项目名称:'+${projInfo.name}"></td> | 
|                 <td colspan="1" ><button type="button" class="btn btn-primary btn-xs" th:onclick="'javascript:openPlList('+ ${outList.index} +')'">添加配料</button></td> | 
|             </tr> | 
|             <tr> | 
|                 <td colspan="6"> | 
|                     <table class="table"> | 
|                         <thead> | 
|                         <tr> | 
|                             <th>序号</th> | 
|                             <th>配料名称</th> | 
|                             <th>推荐消耗</th> | 
|                             <th>实际消耗</th> | 
|                             <th>配料备注</th> | 
|                         </tr> | 
|                         </thead> | 
|                         <tbody th:attrappend="id=${outList.index}" > | 
|   | 
|                         <tr class="group" th:each="projGoods,list:${projInfo.assembleGoods}"> | 
|                             <td th:text="${list.index+1}" ></td> | 
|                             <td th:text="${projGoods.shoppingGoods.name}"></td> | 
|                             <td > | 
|                                 <span   th:text="${projGoods.total}+''+${projGoods.shoppingGoods.measure}"></span> | 
|                             </td> | 
|                             <td > | 
|                                 <input autocomplete="off"   class="form-control" style="width: 200px;float: left;"  type="text" name="amount" placeholder="实际用量" > | 
|                                 <span style="line-height: 30px;margin-left: 10px;"  th:text="${projGoods.shoppingGoods.measure}"></span> | 
|                             </td> | 
|                             <td> | 
|                                 <input autocomplete="off"   type="hidden" name="skuId" th:value="${projGoods.assembleGoodId} " > | 
|   | 
|                                 <input autocomplete="off"    type="text" name="remark"  class="form-control" placeholder="配料备注"></td> | 
|   | 
|                         </tr> | 
|                         </tbody> | 
|                     </table> | 
|                 </td> | 
|             </tr> | 
|   | 
|             </tbody> | 
|         </table> | 
|         <div class="form-group " style="position: fixed;bottom: 0px;left: 49%;z-index: 9999;background: #ffffff;text-align: center;"> | 
|             <div class="col-sm-12 text-center"> | 
|                 <a href="javascript:;" onclick="myForm.submit()" | 
|                    class="btn btn-success radius">配料完成</a> | 
|             </div> | 
|         </div> | 
|     </form> | 
| </div> | 
| </body> | 
|   | 
|   | 
| <script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script> | 
| <script  th:inline="javascript"> | 
|   | 
|     var plList = [[${projInfoList}]]; | 
|     var myForm=MForm.initForm({ | 
|         invokeUrl:basePath+"/admin/projService/endPl", | 
|         afterSubmit:function(){ | 
|             if (parent.myGrid) { | 
|                 parent.myGrid.serchData(); | 
|             } | 
|   | 
|             if (parent.app) { | 
|                 parent.app.serviceOrderQuery(); | 
|             } | 
|         }, | 
|     }); | 
|   | 
|     var index=0; | 
|     //设置namename | 
|     $(".group").each(function(){ | 
|   | 
|         var inputs=$(this).find("input"); | 
|         inputs.each(function(){ | 
|             $(this).attr("name","outStoreItem["+index+"]."+$(this).attr("name")); | 
|         }); | 
|         index++; | 
|     }); | 
|   | 
|     function openPlList(value) { | 
|         console.log(value); | 
|         // layer.full(layer.open({ | 
|         //     type: 2, | 
|         //     title: "选择配料", | 
|         //     maxmin: true, | 
|         //     area: [MUI.SIZE_L, '450px'], | 
|         //     content: [basePath + '/admin/redirect/hive/instore/store-list-pl'] | 
|         // })); | 
|     } | 
|   | 
|     function selectPl(value) { | 
|         if (value) { | 
|   | 
|         } | 
|         console.log(value); | 
|     } | 
| </script> | 
| </body> | 
| </html> |