<!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;">
|
|
<div class="form-group">
|
<label class="col-sm-2 control-label">门店名称</label>
|
<div class="col-sm-3">
|
<div class="form-control-static" th:text="${obj?.shopName }"></div>
|
</div>
|
|
<!-- 消耗产品出库显式-->
|
<label class="col-sm-2 control-label">出库单号</label>
|
<div class="col-sm-3">
|
<div class="form-control-static" th:text="${obj?.outStoreNo}"></div>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-2 control-label">出库时间</label>
|
<div class="col-sm-3">
|
<div class="form-control-static"
|
th:text="${#dates.format(obj?.time,'yyyy-MM-dd HH:mm:ss')}"></div>
|
</div>
|
|
<label class="col-sm-2 control-label">出库类型</label>
|
<div class="col-sm-3">
|
<input autocomplete="off" class="form-control" type="hidden" id="type" name="type" th:value="${obj.type}" readonly="readonly">
|
<div class="form-control-static" th:text="${obj?.type}"></div>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-2 control-label">备注</label>
|
<div class="col-sm-3">
|
<div class="form-control-static"
|
th:text="${obj?.remark}"></div>
|
</div>
|
|
|
</div>
|
|
|
|
<div class="form-group">
|
<label class="col-sm-2 control-label">出库明细<span class="text-danger">*</span> </label>
|
<div class="col-sm-8">
|
<table class="table table-striped table-hover table-bordered" id="mgrid" >
|
<thead>
|
<tr>
|
<th>序号</th>
|
<th>产品编号</th>
|
<th>产品名称</th>
|
<th>产品类型</th>
|
<th>存货单位</th>
|
<th>库存量</th>
|
<th>出库成本</th>
|
<th>批次</th>
|
<th>数量</th>
|
</tr>
|
</thead>
|
<tbody id="cpId">
|
|
</tbody>
|
|
</table>
|
</div>
|
</div>
|
<div class="form-group ">
|
<div class="col-sm-12 text-center fixed-button">
|
<a class="btn btn-danger radius" href="javascript:;"
|
onclick="MTools.closeForm()"><i class="fa fa-close"></i> 关闭</a>
|
</div>
|
</div>
|
</form>
|
</div>
|
</body>
|
|
|
<script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script>
|
<script th:inline="javascript">
|
$(".select2").select2({'width':'100%'});
|
|
var selectArr=null;
|
var totalGoods=[];
|
//初始化操作
|
MTools.autoFullSelect();
|
readInitData();
|
writeDate();
|
|
|
|
//初始化产品列表
|
function readInitData(){
|
var projItems=[[${obj.outStoreItems}]];
|
console.log("----->", projItems)
|
for(var i=0;i<projItems.length;i++){
|
var projItem=projItems[i];
|
var obj = new Object();
|
var goods = new Object();
|
goods.goodsSortName=projItem.goods.goodsSortName;
|
goods.code=projItem.goods.code;
|
|
goods.unit=projItem.goods.unit;
|
goods.name=projItem.goods.name;
|
goods.measure=projItem.goods.measure;
|
goods.storeTotal=projItem.store.storeTotal;
|
goods.goodsPrice=projItem.store.goodsPrice;
|
obj.id=projItem.id;
|
obj.sum=projItem.amount;
|
obj.volume=projItem.goods.volume;
|
obj.batch=projItem.store.batch;
|
obj.goods=goods;
|
obj.amount=projItem.amount;
|
totalGoods[i]=obj;
|
}
|
}
|
|
//填写数据到html
|
function writeDate(){
|
console.log(totalGoods);
|
var html="";
|
for(var i=0 ; i<totalGoods.length;i++){
|
// if(!totalGoods[i].sum){
|
// totalGoods[i].sum="";
|
// }
|
// var shuliang='';
|
// if($("#type").val()=='家居产品出库'){
|
// shuliang=totalGoods[i].sum+" "+totalGoods[i].goods.unit
|
// }else{
|
// shuliang=totalGoods[i].sum+" "+totalGoods[i].goods.measure;
|
// }
|
|
html+='<tr>'
|
+'<td>'+(i+1)+'</td>'
|
+'<td>'+totalGoods[i].goods.code+'</td>'
|
+'<td>'+totalGoods[i].goods.name+'<input autocomplete="off" type="hidden" name="outStoreItems['+i+'].skuId" value="'+totalGoods[i].id+'"</td>'
|
+'<td>'+totalGoods[i].goods.unit+'</td>'
|
+'<td>'+totalGoods[i].volume+totalGoods[i].goods.measure+'</td>'
|
+'<td>'+totalGoods[i].goods.storeTotal+'</td>'
|
+'<td>'+totalGoods[i].goods.goodsPrice+'</td>'
|
+'<td>'+totalGoods[i].batch+'</td>'
|
+'<td>'+totalGoods[i].amount+'</td>'
|
+'</tr>'
|
}
|
$("#cpId").html(html);
|
}
|
|
|
</script>
|
</body>
|
</html>
|
