<!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-offset-1 col-sm-2 control-label">调拨类型</label>
|
<div class="col-sm-3">
|
<p class="form-control-static" th:text="${obj?.allottedType}"></p>
|
</div>
|
|
<label class="col-sm-2 control-label">调拨日期</label>
|
<div class="col-sm-3">
|
<p class="form-control-static" th:value="${#dates.format(obj?.allottedDate,'yyyy-MM-dd HH:mm:ss')}" ></p>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-2 control-label">制单人</label>
|
<div class="col-sm-3">
|
<p class="form-control-static" th:text="${obj?.makingManName}"></p>
|
<div class="Validform_checktip"></div>
|
</div>
|
|
<label class="col-sm-2 control-label">审核人</label>
|
<div class="col-sm-3">
|
<p class="form-control-static" th:text="${obj?.appManName}"></p>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-2 control-label">调入仓库</label><!-- 调入仓库是本店 TODO============= -->
|
<div class="col-sm-3">
|
<p class="form-control-static" th:text="${obj?.allottedInstoreName}"></p>
|
<input autocomplete="off" type="hidden" class="form-control autoFull" name="allottedInstoreId" th:value="${obj.allottedInstoreId}" >
|
</div>
|
<label class="col-sm-2 control-label">调出仓库</label>
|
<div class="col-sm-3">
|
<p class="form-control-static" th:text="${obj?.allottedOutstoreName}"></p>
|
<input autocomplete="off" type="hidden" class="form-control autoFull" name="allottedOutstoreId" th:value="${obj.allottedOutstoreId}" >
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-2 control-label">审核状态</label>
|
<div class="col-sm-3">
|
<p class="form-control-static" th:text="${obj?.checkStatus}"></p>
|
</div>
|
|
<label class="col-sm-2 control-label">备注</label>
|
<div class="col-sm-3">
|
<p class="form-control-static" th:text="${obj?.allottedRemark}"></p>
|
</div>
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">调拨金额</label>
|
<div class="col-sm-3">
|
<input autocomplete="off" type="text" readonly="readonly" th:value="${obj.amountPrice}"
|
class="form-control" id="amountPrice" name="amountPrice"></input>
|
</div>
|
<div th:if="${obj.checkStatus eq '待收货' or obj.checkStatus eq '已完成' }">
|
<label class="col-sm-2 control-label">收货金额</label>
|
<div class="col-sm-3">
|
<input autocomplete="off" type="text" readonly="readonly" th:value="${obj.receivedPrice}"
|
class="form-control" id="receivedPrice" name="receivedPrice"></input>
|
</div>
|
</div>
|
</div>
|
|
|
<div class="form-group">
|
<div class="col-sm-3 col-md-offset-1">
|
<span style="font-size: 14px; font-weight: bold;">调拨明细 </span>
|
</div>
|
</div>
|
<div class="form-group">
|
<div class="col-sm-8 col-md-offset-2">
|
<table class="table table-striped table-hover table-bordered" id="mgrid" >
|
<thead>
|
<tr>
|
<th>序号</th>
|
<th>产品编号</th>
|
<th>产品名称</th>
|
<th>产品类型</th>
|
<th>存货单位</th>
|
<th width="120">申请调拨数量</th>
|
<th width="120">实际调拨数量</th>
|
<th width="120">调拨单价</th>
|
<th width="120">调拨金额</th>
|
<th th:if="${obj.checkStatus eq '待收货' or obj.checkStatus eq '已完成' }" width="120">实际收货数量</th>
|
<th th:if="${obj.checkStatus eq '待收货' or obj.checkStatus eq '已完成' }" width="120">收货金额</th>
|
<th width="120">库存量</th>
|
</tr>
|
</thead>
|
<tbody id="cpId">
|
|
</tbody>
|
|
</table>
|
</div>
|
</div>
|
|
<div class="form-group ">
|
<div class="col-sm-12 text-center">
|
<a href="javascript:;" onclick="PreviewMytable()" class="btn btn-success radius">预览</a>
|
<a href="javascript:;" onclick="print()" class="btn btn-success radius">打印</a>
|
<button onclick="MTools.closeForm()" class="btn btn-danger radius" type="button">取消</button>
|
</div>
|
</div>
|
|
</form>
|
</div>
|
|
|
<div id="div1" style="display: none;">
|
<DIV style="LINE-HEIGHT: 30px" class=size14 align=center><h4>调拨单</h4></DIV>
|
<div style="position:absolute; right:20px; top:5px;">
|
总页号：<font color='' format='ChineseNum'><span tdata='pageNO'>第##页</span>/<span tdata='pageCount'>共##页</span></font>
|
</div>
|
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%">
|
<TBODY>
|
<TR>
|
<TD width="33%">单据号:<SPAN
|
id=rpt_Pro_Order_List_ctl00_lbl_eShop_Name th:text="${obj?.allottedId }"></SPAN></TD>
|
<TD width="23%" th:value="'日期:'+${#dates.format(obj?.allottedDate,'yyyy-MM-dd HH:mm:ss')}" ></td></TD>
|
<TD>转入仓库:<SPAN >[[${obj.allottedInstoreName}]]</SPAN></TD></TR>
|
<TR>
|
<TD>转出仓库:<SPAN >[[${obj.allottedOutstoreName}]]</SPAN></TD>
|
<TD>备注:<SPAN>[[${obj.allottedRemark}]]</SPAN></TD>
|
</TBODY></TABLE>
|
</div>
|
<div id="div2" style="display: none;">
|
|
<TABLE border=1 cellSpacing=0 cellPadding=1 width="100%" style="border-collapse:collapse" bordercolor="#333333">
|
<thead>
|
<tr>
|
<td >
|
<div align=center><b>行号</b></div></td>
|
<td >
|
<div align=center><b>存货编码</b></div></td>
|
<td >
|
<div align=center><b>存货名称</b></div></td>
|
<td >
|
<div align=center><b>规格型号</b></div></td>
|
<td >
|
<div align=center><b>申请调拨数</b></div></td>
|
<td >
|
<div align=center><b>实际调拨数量</b></div></td>
|
<td>
|
<div align=center><b>调拨单价</b></div></td>
|
<td >
|
<div align=center><b>调拨金额</b></div></td>
|
</tr>
|
|
</thead>
|
<tbody>
|
<tr th:each="projItem,itemIndex:${obj.sysAllotDetails}">
|
<td th:text="${itemIndex.index+1}"></td>
|
<td th:text="${projItem.goods.goodsNo}"></td>
|
<td th:text="${projItem.goods.name}"></td>
|
<td th:text="${projItem.goods.volume}+${projItem.goods.measure}+'/'+${projItem.goods.unit}"></td>
|
<td th:text="${projItem.appTotal}"></td>
|
<td th:text="${projItem.realTotal}"></td>
|
<td th:text="${projItem.wholesale}"></td>
|
<td th:text="${projItem.wholesale==null?0:projItem.wholesale*projItem.realTotal}"></td>
|
</tr>
|
</tbody>
|
<tfoot>
|
|
|
|
<tr>
|
<TD >小计</TD>
|
<TD > </TD>
|
<TD > </TD>
|
<TD > </TD>
|
<TD > </TD>
|
<TD > </TD>
|
<TD > </TD>
|
<TD tdata="subSum" format="#,##">###</TD>
|
</tr>
|
<tr>
|
<TD colspan="2" style="border: none;" th:text="'制单人:'+${obj.makingManName }"></TD>
|
<td style="border: none;" th:text="'审核人:'+${obj.appManName}"></td>
|
<td colspan="2" style="border: none;">装箱件数:</td>
|
<TD > </TD>
|
<TD > </TD>
|
<td style="border: none;" th:text="'合计:'+${obj.amountPrice}"></td>
|
</tr>
|
</tfoot>
|
</TABLE>
|
</div>
|
<div id="div3" style="display: none;">
|
<DIV style="LINE-HEIGHT: 30px"
|
align=center><font color="#0000FF"></font></DIV>
|
</div>
|
</body>
|
|
|
<script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script>
|
<script type="text/javascript" th:src="@{/js/plugin/LodopFuncs.js}" ></script>
|
<script th:inline="javascript">
|
|
var LODOP;
|
|
function PreviewMytable(){
|
LODOP=getLodop();
|
CreateOneFormPage();
|
LODOP.PREVIEW();
|
};
|
|
function print() {
|
LODOP=getLodop();
|
CreateOneFormPage();
|
LODOP.PRINTA();
|
}
|
|
|
function CreateOneFormPage() {
|
|
LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_分页打印综合表格");
|
var strStyle="<style> table,td,th {border-width: 1px;border-style: solid;border-collapse: collapse}</style>"
|
LODOP.ADD_PRINT_TABLE(128,"5%","90%",314,strStyle+document.getElementById("div2").innerHTML);
|
LODOP.SET_PRINT_STYLEA(0,"Vorient",3);
|
LODOP.ADD_PRINT_HTM(26,"5%","90%",109,document.getElementById("div1").innerHTML);
|
LODOP.SET_PRINT_STYLEA(0,"ItemType",1);
|
LODOP.SET_PRINT_STYLEA(0,"LinkedItem",1);
|
LODOP.ADD_PRINT_HTM(444,"5%","90%",54,document.getElementById("div3").innerHTML);
|
LODOP.SET_PRINT_STYLEA(0,"ItemType",1);
|
LODOP.SET_PRINT_STYLEA(0,"LinkedItem",1);
|
|
LODOP.SET_PRINT_STYLEA(0,"FontSize",12);
|
LODOP.SET_PRINT_STYLEA(0,"FontColor","#FF0000");
|
LODOP.SET_PRINT_STYLEA(0,"Alignment",2);
|
LODOP.SET_PRINT_STYLEA(0,"ItemType",1);
|
LODOP.SET_PRINT_STYLEA(0,"Horient",3);
|
LODOP.SET_PRINT_STYLEA(0,"Horient",1);
|
LODOP.ADD_PRINT_TEXT(3,34,196,20,"");
|
LODOP.SET_PRINT_STYLEA(0,"ItemType",1);
|
|
};
|
|
|
var totalGoods=[];
|
readInitData();
|
writeDate();
|
//初始化产品列表
|
function readInitData(){
|
|
|
var projItemsL=[[${obj?.sysAllotDetails}]]
|
|
var allottedOutstoreId=[[${obj?.allottedOutstoreId}]]
|
|
|
if(projItemsL){
|
|
for(var i =0; i<projItemsL.length; i++) {
|
|
var obj = new Object();
|
//库存sku信息
|
var goods = {};
|
var projItems=projItemsL[i];
|
goods.id = projItems.goods.id;
|
goods.name = projItems.goods.name;
|
goods.unit = projItems.goods.unit;
|
goods.goodsSortName = projItems.goods.goodsSortName;
|
goods.goodsNo = projItems.goods.goodsNo;
|
//调拨单本身的信息
|
obj.detailId = projItems.id;
|
//调拨单价
|
obj.wholesale = projItems.wholesale;
|
//调拨申请数量
|
obj.appTotal = projItems.appTotal;
|
//出库仓id
|
obj.storeId = allottedOutstoreId;
|
//库存量
|
obj.storeTotal = projItems.storeInfo.storeTotal;
|
//实际库存量
|
obj.realTotal = projItems.realTotal;
|
obj.batch = projItems.storeInfo.batch;
|
obj.receiveTotal=projItems.receiveTotal;
|
obj.goods = goods;
|
totalGoods[i] = obj;
|
}
|
}
|
|
}
|
|
//填写数据到html
|
function writeDate(){
|
var status = [[${obj.checkStatus}]];
|
console.log(totalGoods);
|
var html="";
|
for(var i=0 ; i<totalGoods.length;i++){
|
if(!totalGoods[i].realTotal){
|
totalGoods[i].realTotal="";
|
}
|
|
if(status=="已完成" || status=="待收货"){
|
html+='<tr>'
|
+'<td>'+(i+1)+'</td>'
|
+'<td>'+totalGoods[i].goods.goodsNo+'</td>'
|
+'<td>'+totalGoods[i].goods.name+'</td>'
|
+'<td>'+totalGoods[i].goods.goodsSortName+'</td>'
|
+'<td>'+totalGoods[i].goods.unit+'</td>'
|
+ '<td>' + totalGoods[i].appTotal + '</td>'
|
+ '<td>'+ totalGoods[i].realTotal + '</td>'
|
+ '<td>' + totalGoods[i].wholesale + '</td>'
|
+ '<td >'+ (totalGoods[i].wholesale * totalGoods[i].realTotal).toFixed(2) + '</td>'
|
+ '<td>'+ totalGoods[i].receiveTotal + '</td>'
|
+ '<td class="total">'+ (totalGoods[i].wholesale * totalGoods[i].receiveTotal).toFixed(2) + '</td>'
|
+ '<td>' + totalGoods[i].storeTotal + '</td>' + '</tr>';
|
}else{
|
html+='<tr>'
|
+'<td>'+(i+1)+'</td>'
|
+'<td>'+totalGoods[i].goods.goodsNo+'</td>'
|
+'<td>'+totalGoods[i].goods.name+'</td>'
|
+'<td>'+totalGoods[i].goods.goodsSortName+'</td>'
|
+'<td>'+totalGoods[i].goods.unit+'</td>'
|
+ '<td>' + totalGoods[i].appTotal + '</td>'
|
+ '<td>'+ totalGoods[i].realTotal + '</td>'
|
+ '<td>' + totalGoods[i].wholesale + '</td>'
|
+ '<td >'+ (totalGoods[i].wholesale * totalGoods[i].realTotal).toFixed(2) + '</td>'
|
+ '<td>' + totalGoods[i].storeTotal + '</td>' + '</tr>';
|
}
|
|
|
}
|
$("#cpId").html(html);
|
}
|
|
function toCancel(){
|
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
|
parent.layer.close(index);
|
}
|
</script>
|
</body>
|
</html>
|
