<!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 projIndex = 0;
|
var myForm=MForm.initForm({
|
invokeUrl:basePath+"/admin/projService/endPl",
|
beforeSubmit : function() {
|
var fieldArray = $("#dataform").serializeArray();
|
console.log(fieldArray);
|
},
|
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) {
|
projIndex = 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(rows) {
|
console.log(rows);
|
if (rows) {
|
var projInfo = plList[projIndex];
|
var idSelect = "#"+projIndex;
|
var allGroup = $(".group").length;
|
console.log(idSelect);
|
var groupLength = $(idSelect + " .group").length;
|
for(var i = 0; i < rows.length; i++) {
|
var row = rows[i];
|
var nextIndex = groupLength + i + 1;
|
var outItemIndex = allGroup + i;
|
var html = '<tr class="group">'
|
+ '<td>'+ nextIndex +'</td>'
|
+ '<td>'+ row.goods.name +'</td>'
|
+ '<td><span></span></td>'
|
+ '<td ><input autocomplete="off" class="form-control" style="width: 200px;float: left;" type="text" name="outStoreItem['+ outItemIndex +'].amount" placeholder="实际用量" >'
|
+ '<span style="line-height: 30px;margin-left: 10px;">'+ row.goods.measure +'</span></td>'
|
+ '<td><input autocomplete="off" type="hidden" name="outStoreItem['+ outItemIndex +'].skuId" value="'+ row.goods.id +'">'
|
+ '<input autocomplete="off" type="text" name="outStoreItem['+ outItemIndex +'].remark" class="form-control" placeholder="配料备注"></td></tr>';
|
|
if ($(idSelect).children(':last').length <= 0) {
|
$(idSelect).html(html);
|
} else {
|
$(idSelect).children(':last').after(html);
|
}
|
}
|
}
|
}
|
</script>
|
</body>
|
</html>
|
