提交 f61f643e 编写于 作者: Skyeye云's avatar Skyeye云

零售退货托管到表单布局

上级 309657b7
// 兼容动态表单
var layedit, form;
// 零售退货
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'jquery', 'winui', 'laydate', 'textool'].concat(dsFormUtil.mastHaveImport), function(exports) {
winui.renderColor();
var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$,
laydate = layui.laydate,
textool = layui.textool;
layedit = layui.layedit,
form = layui.form;
var serviceClassName = sysServiceMation["putIsRetailReturns"]["key"];
var selOption = getFileContent('tpl/template/select-option.tpl');
// 已经选择的商品集合key:表格的行trId,value:商品信息
var allChooseProduct = {};
// 获取单据提交类型
var submitType = erpOrderUtil.getSubmitTypeByKey(serviceClassName);
// 单据时间
laydate.render({elem: '#operTime', type: 'datetime', value: getFormatDate(), trigger: 'click'});
textool.init({eleId: 'remark', maxlength: 200});
// 初始化账户
systemCommonUtil.getSysAccountListByType(function (json) {
$("#accountId").html(getDataUseHandlebars(selOption, json));
});
// 初始化仓库
erpOrderUtil.getDepotList(function (json){
$("#depotId").html(getDataUseHandlebars(selOption, json));
});
// 商品
initTableChooseUtil.initTable({
id: "productList",
cols: [
{id: 'materialId', title: '商品(型号)', formType: 'chooseInput', width: '150', iconClassName: 'chooseProductBtn', verify: 'required'},
{id: 'mUnitId', title: '单位', formType: 'select', width: '50', verify: 'required', layFilter: 'selectUnitProperty'},
{id: 'allStock', title: '库存', formType: 'detail', width: '80'},
{id: 'rkNum', title: '数量', formType: 'input', width: '80', className: 'change-input rkNum', verify: 'required|number', value: '1'},
{id: 'unitPrice', title: '单价', formType: 'input', width: '80', className: 'change-input unitPrice', verify: 'required|money'},
{id: 'amountOfMoney', title: '金额', formType: 'input', width: '80', className: 'change-input amountOfMoney', verify: 'required|money'},
{id: 'remark', title: '备注', formType: 'input', width: '100'}
],
deleteRowCallback: function (trcusid) {
delete allChooseProduct[trcusid];
// 计算价格
calculatedTotalPrice();
},
addRowCallback: function (trcusid) {
// 设置根据某列变化的颜色
$("." + showTdByEdit).parent().css({'background-color': '#e6e6e6'});
},
form: form,
minData: 1
});
// 加载动态表单
dsFormUtil.loadPageByCode("dsFormShow", serviceClassName, null);
matchingLanguage();
// 商品规格加载变化事件
mUnitChangeEvent(form, allChooseProduct, "retailPrice", calculatedTotalPrice);
// 仓库变化事件
form.on('select(depotId)', function(data) {
loadMaterialDepotStockByDepotId(data.value);
});
var showTdByEdit = 'rkNum';//根据那一列的值进行变化,默认根据数量
// 数量变化
$("body").on("input", ".rkNum, .unitPrice, .amountOfMoney", function() {
if($(this).attr("class").replace("layui-input change-input ", "") != showTdByEdit){
showTdByEdit = $(this).attr("class").replace("layui-input change-input ", "");
$(".change-input").parent().removeAttr("style");
$("." + showTdByEdit).parent().css({'background-color': '#e6e6e6'});
}
calculatedTotalPrice();
});
$("body").on("change", ".rkNum, .unitPrice, .amountOfMoney", function() {
if($(this).attr("class").replace("layui-input change-input ", "") != showTdByEdit){
showTdByEdit = $(this).attr("class").replace("layui-input change-input ", "");
$(".change-input").parent().removeAttr("style");
$("." + showTdByEdit).parent().css({'background-color': '#e6e6e6'});
}
calculatedTotalPrice();
});
// 收款金额变化
$("body").on("input", "#changeAmount", function() {
calculatedTotalPrice();
});
$("body").on("change", "#changeAmount", function() {
calculatedTotalPrice();
});
// 计算总价
function calculatedTotalPrice(){
var allPrice = 0;
$.each(initTableChooseUtil.getDataRowIndex('productList'), function(i, item) {
// 获取行坐标
var thisRowKey = item;
// 获取数量
var rkNum = parseInt(isNull($("#rkNum" + thisRowKey).val()) ? "0" : $("#rkNum" + thisRowKey).val());
// 获取单价
var unitPrice = parseFloat(isNull($("#unitPrice" + thisRowKey).val()) ? "0" : $("#unitPrice" + thisRowKey).val());
// 获取金额
var amountOfMoney = parseFloat(isNull($("#amountOfMoney" + thisRowKey).val()) ? "0" : $("#amountOfMoney" + thisRowKey).val());
if("rkNum" === showTdByEdit){//数量
// 输出金额
$("#amountOfMoney" + thisRowKey).val((rkNum * unitPrice).toFixed(2));
} else if ("unitPrice" === showTdByEdit){//单价
// 输出金额
$("#amountOfMoney" + thisRowKey).val((rkNum * unitPrice).toFixed(2));
} else if ("amountOfMoney" === showTdByEdit){//金额
// 输出单价
$("#unitPrice" + thisRowKey).val((amountOfMoney / rkNum).toFixed(2));
}
allPrice += parseFloat($("#amountOfMoney" + thisRowKey).val());
});
// 获取收款金额
var changeAmount = parseFloat(isNull($("#changeAmount").val()) ? "0" : $("#changeAmount").val());
$("#allPrice").html(allPrice.toFixed(2));
$("#giveChange").html((changeAmount - allPrice).toFixed(2));
}
// 保存为草稿
form.on('submit(formAddBean)', function(data) {
if(winui.verifyForm(data.elem)) {
saveData("1", "");
}
return false;
});
// 走工作流的提交审批
form.on('submit(formSubOneBean)', function(data) {
if(winui.verifyForm(data.elem)) {
activitiUtil.startProcess(serviceClassName, null, function (approvalId) {
saveData("2", approvalId);
});
}
return false;
});
// 不走工作流的提交
form.on('submit(formSubTwoBean)', function(data) {
if(winui.verifyForm(data.elem)) {
saveData("2", "");
}
return false;
});
function saveData(subType, approvalId) {
var result = initTableChooseUtil.getDataList('productList');
if (!result.checkResult) {
return false;
}
var noError = false;
var tableData = [];
$.each(result.dataList, function(i, item) {
//获取行编号
var thisRowKey = item["trcusid"].replace("tr", "");
if (parseInt(item.rkNum) == 0) {
$("#rkNum" + thisRowKey).addClass("layui-form-danger");
$("#rkNum" + thisRowKey).focus();
winui.window.msg('数量不能为0', {icon: 2, time: 2000});
noError = true;
return false;
}
//商品对象
var material = allChooseProduct["tr" + thisRowKey];
if (inTableDataArrayByAssetarId(material.materialId, item.mUnitId, tableData)) {
winui.window.msg('一张单中不允许出现相同单位的商品信息.', {icon: 2, time: 2000});
noError = true;
return false;
}
item["materialId"] = material.materialId;
item["depotId"] = $("#depotId").val();
tableData.push(item);
});
if (noError) {
return false;
}
var params = {
supplierId: sysMemberUtil.memberMation.id,
operTime: $("#operTime").val(),
accountId: $("#accountId").val(),
payType: $("#payType").val(),
remark: $("#remark").val(),
depotheadStr: JSON.stringify(tableData),
changeAmount: $("#changeAmount").val(),
giveChange: $("#giveChange").html(),
submitType: submitType,
subType: subType,
approvalId: approvalId
};
AjaxPostUtil.request({url: flowableBasePath + "retailreturns002", params: params, type: 'json', method: "POST", callback: function(json) {
dsFormUtil.savePageData("dsFormShow", json.bean.id);
parent.layer.close(index);
parent.refreshCode = '0';
}, async: true});
}
// 加载商品选择事件
initChooseProductBtnEnent(form, function(trId, chooseProductMation) {
// 商品赋值
allChooseProduct[trId] = chooseProductMation;
}, calculatedTotalPrice);
// 会员选择
$("body").on("click", ".chooseMemberBtn", function (e) {
sysMemberUtil.openSysMemberChoosePage(function (memberMation){
$("#memberId").val(memberMation.contacts);
});
});
$("body").on("click", "#cancle", function() {
parent.layer.close(index);
});
});
\ No newline at end of file
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'table', 'jquery', 'winui', 'jqprint'], function (exports) {
winui.renderColor();
layui.use(['form'], function (form) {
var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$;
var beanTemplate = $("#beanTemplate").html();
showGrid({
id: "showForm",
url: flowableBasePath + "erpcommon001",
params: {rowId: parent.rowId},
pagination: false,
template: beanTemplate,
ajaxSendAfter:function (json) {
$("#statusName").html(activitiUtil.showStateName(json.bean.state, json.bean.submitType));
// 加载动态表单
dsFormUtil.loadPageShowDetailsByObjectId("dsFormShow", json.bean.id);
matchingLanguage();
form.render();
}
});
// 打印
$("body").on("click", "#jprint", function (e) {
$("#showForm").jqprint({
title: sysMainMation.mationTitle,
debug: false, //如果是true则可以显示iframe查看效果(iframe默认高和宽都很小,可以再源码中调大),默认是false
importCSS: true, //true表示引进原来的页面的css,默认是true。(如果是true,先会找$("link[media=print]"),若没有会去找$("link")中的css文件)
printContainer: true, //表示如果原来选择的对象必须被纳入打印(注意:设置为false可能会打破你的CSS规则)。
operaSupport: true//表示如果插件也必须支持歌opera浏览器,在这种情况下,它提供了建立一个临时的打印选项卡。默认是true
});
});
});
});
\ No newline at end of file
// 兼容动态表单
var layedit, form;
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'jquery', 'winui', 'laydate', 'textool'].concat(dsFormUtil.mastHaveImport), function(exports) {
winui.renderColor();
var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$,
laydate = layui.laydate,
textool = layui.textool;
layedit = layui.layedit,
form = layui.form;
var serviceClassName = sysServiceMation["putIsRetailReturns"]["key"];
var showTdByEdit = 'rkNum';//根据那一列的值进行变化,默认根据数量
var beanTemplate = $("#beanTemplate").html();
var selOption = getFileContent('tpl/template/select-option.tpl');
// 已经选择的商品集合key:表格的行trId,value:商品信息
var allChooseProduct = {};
// 获取单据提交类型
var submitType = "";
// 加载单据数据
var orderObject = [];
showGrid({
id: "showForm",
url: flowableBasePath + "retailreturns003",
params: {rowId: parent.rowId},
pagination: false,
template: beanTemplate,
method: "GET",
ajaxSendAfter:function (json) {
// 单据时间
laydate.render({elem: '#operTime', type: 'datetime', trigger: 'click'});
orderObject = json;
initOtherMation();
}
});
function initOtherMation() {
// 初始化账户
systemCommonUtil.getSysAccountListByType(function (json) {
$("#accountId").html(getDataUseHandlebars(selOption, json));
});
// 初始化仓库
erpOrderUtil.getDepotList(function (json){
$("#depotId").html(getDataUseHandlebars(selOption, json));
});
// 渲染数据到页面
initDataToShow();
}
//渲染数据到页面
function initDataToShow(){
submitType = orderObject.bean.submitType;
sysMemberUtil.memberMation = {
id: orderObject.bean.organId,
contacts: orderObject.bean.supplierName
};
$("#memberId").val(sysMemberUtil.memberMation.contacts);//会员
$("#accountId").val(orderObject.bean.accountId);//账户
$("#payType").val(orderObject.bean.payType);//付款类型
initTable();
// 回显商品列表
initTableChooseUtil.deleteAllRow('productList');
$.each(orderObject.bean.norms, function(i, item) {
if (i == 0) {
$("#depotId").val(item.depotId);
}
var params = {
"materialId": item.product.materialName + "(" + item.product.materialModel + ")",
"mUnitId": {
"html": getDataUseHandlebars(selOption, {rows: item.product.unitList}),
"value": item.mUnitId
},
"allStock": item.allStock,
"rkNum": item.operNum,
"unitPrice": item.unitPrice.toFixed(2),
"amountOfMoney": item.allPrice.toFixed(2),
"taxRate": item.taxRate.toFixed(2),
"taxMoney": item.taxMoney.toFixed(2),
"taxUnitPrice": item.taxUnitPrice.toFixed(2),
"taxLastMoney": item.taxLastMoney.toFixed(2),
"remark": item.remark
};
var trcusid = initTableChooseUtil.resetData('productList', params);
// 将规格所属的商品信息加入到对象中存储
allChooseProduct[trcusid] = item.product;
});
erpOrderUtil.orderEditPageSetBtnBySubmitType(submitType, orderObject.bean.state);
textool.init({eleId: 'remark', maxlength: 200});
// 加载动态表单
dsFormUtil.loadPageToEditByObjectId("dsFormShow", orderObject.bean.id);
matchingLanguage();
form.render();
}
function initTable() {
// 商品
initTableChooseUtil.initTable({
id: "productList",
cols: [
{id: 'materialId', title: '商品(型号)', formType: 'chooseInput', width: '150', iconClassName: 'chooseProductBtn', verify: 'required'},
{id: 'mUnitId', title: '单位', formType: 'select', width: '50', verify: 'required', layFilter: 'selectUnitProperty'},
{id: 'allStock', title: '库存', formType: 'detail', width: '80'},
{id: 'rkNum', title: '数量', formType: 'input', width: '80', className: 'change-input rkNum', verify: 'required|number', value: '1'},
{id: 'unitPrice', title: '单价', formType: 'input', width: '80', className: 'change-input unitPrice', verify: 'required|money'},
{id: 'amountOfMoney', title: '金额', formType: 'input', width: '80', className: 'change-input amountOfMoney', verify: 'required|money'},
{id: 'remark', title: '备注', formType: 'input', width: '100'}
],
deleteRowCallback: function (trcusid) {
delete allChooseProduct[trcusid];
// 计算价格
calculatedTotalPrice();
},
addRowCallback: function (trcusid) {
// 设置根据某列变化的颜色
$("." + showTdByEdit).parent().css({'background-color': '#e6e6e6'});
calculatedTotalPrice();
},
form: form,
minData: 1
});
}
// 商品规格加载变化事件
mUnitChangeEvent(form, allChooseProduct, "retailPrice", calculatedTotalPrice);
// 仓库变化事件
form.on('select(depotId)', function(data) {
loadMaterialDepotStockByDepotId(data.value);
});
// 数量变化
$("body").on("input", ".rkNum, .unitPrice, .amountOfMoney", function() {
if($(this).attr("class").replace("layui-input change-input ", "") != showTdByEdit){
showTdByEdit = $(this).attr("class").replace("layui-input change-input ", "");
$(".change-input").parent().removeAttr("style");
$("." + showTdByEdit).parent().css({'background-color': '#e6e6e6'});
}
calculatedTotalPrice();
});
$("body").on("change", ".rkNum, .unitPrice, .amountOfMoney", function() {
if($(this).attr("class").replace("layui-input change-input ", "") != showTdByEdit){
showTdByEdit = $(this).attr("class").replace("layui-input change-input ", "");
$(".change-input").parent().removeAttr("style");
$("." + showTdByEdit).parent().css({'background-color': '#e6e6e6'});
}
calculatedTotalPrice();
});
//收款金额变化
$("body").on("input", "#changeAmount", function() {
calculatedTotalPrice();
});
$("body").on("change", "#changeAmount", function() {
calculatedTotalPrice();
});
// 计算总价
function calculatedTotalPrice(){
var allPrice = 0;
$.each(initTableChooseUtil.getDataRowIndex('productList'), function(i, item) {
// 获取行坐标
var thisRowKey = item;
// 获取数量
var rkNum = parseInt(isNull($("#rkNum" + thisRowKey).val()) ? "0" : $("#rkNum" + thisRowKey).val());
// 获取单价
var unitPrice = parseFloat(isNull($("#unitPrice" + thisRowKey).val()) ? "0" : $("#unitPrice" + thisRowKey).val());
// 获取金额
var amountOfMoney = parseFloat(isNull($("#amountOfMoney" + thisRowKey).val()) ? "0" : $("#amountOfMoney" + thisRowKey).val());
if("rkNum" === showTdByEdit){//数量
// 输出金额
$("#amountOfMoney" + thisRowKey).val((rkNum * unitPrice).toFixed(2));
} else if ("unitPrice" === showTdByEdit){//单价
// 输出金额
$("#amountOfMoney" + thisRowKey).val((rkNum * unitPrice).toFixed(2));
} else if ("amountOfMoney" === showTdByEdit){//金额
// 输出单价
$("#unitPrice" + thisRowKey).val((amountOfMoney / rkNum).toFixed(2));
}
allPrice += parseFloat($("#amountOfMoney" + thisRowKey).val());
});
// 获取收款金额
var changeAmount = parseFloat(isNull($("#changeAmount").val()) ? "0" : $("#changeAmount").val());
$("#allPrice").html(allPrice.toFixed(2));
$("#giveChange").html((changeAmount - allPrice).toFixed(2));
}
// 保存为草稿
form.on('submit(formEditBean)', function(data) {
if(winui.verifyForm(data.elem)) {
saveData('1', "");
}
return false;
});
// 走工作流的提交审批
form.on('submit(formSubOneBean)', function(data) {
if(winui.verifyForm(data.elem)) {
activitiUtil.startProcess(serviceClassName, null, function (approvalId) {
saveData("2", approvalId);
});
}
return false;
});
// 不走工作流的提交
form.on('submit(formSubTwoBean)', function(data) {
if(winui.verifyForm(data.elem)) {
saveData('2', "");
}
return false;
});
// 工作流中保存
form.on('submit(save)', function(data) {
if(winui.verifyForm(data.elem)) {
saveData('3', "");
}
return false;
});
function saveData(subType, approvalId) {
var result = initTableChooseUtil.getDataList('productList');
if (!result.checkResult) {
return false;
}
var noError = false;
var tableData = [];
$.each(result.dataList, function(i, item) {
//获取行编号
var thisRowKey = item["trcusid"].replace("tr", "");
if (parseInt(item.rkNum) == 0) {
$("#rkNum" + thisRowKey).addClass("layui-form-danger");
$("#rkNum" + thisRowKey).focus();
winui.window.msg('数量不能为0', {icon: 2, time: 2000});
noError = true;
return false;
}
//商品对象
var material = allChooseProduct["tr" + thisRowKey];
if (inTableDataArrayByAssetarId(material.materialId, item.mUnitId, tableData)) {
winui.window.msg('一张单中不允许出现相同单位的商品信息.', {icon: 2, time: 2000});
noError = true;
return false;
}
item["materialId"] = material.materialId;
item["depotId"] = $("#depotId").val();
tableData.push(item);
});
if (noError) {
return false;
}
var params = {
supplierId: sysMemberUtil.memberMation.id,
operTime: $("#operTime").val(),
accountId: $("#accountId").val(),
payType: $("#payType").val(),
remark: $("#remark").val(),
depotheadStr: JSON.stringify(tableData),
changeAmount: $("#changeAmount").val(),
giveChange: $("#giveChange").html(),
subType: subType,
submitType: submitType,
approvalId: approvalId,
rowId: parent.rowId
};
AjaxPostUtil.request({url: flowableBasePath + "retailreturns004", params: params, type: 'json', method: "PUT", callback: function(json) {
dsFormUtil.savePageData("dsFormShow", json.bean.id);
parent.layer.close(index);
parent.refreshCode = '0';
}, async: true});
}
// 加载商品选择事件
initChooseProductBtnEnent(form, function(trId, chooseProductMation) {
// 商品赋值
allChooseProduct[trId] = chooseProductMation;
}, calculatedTotalPrice);
// 会员选择
$("body").on("click", ".chooseMemberBtn", function (e) {
sysMemberUtil.openSysMemberChoosePage(function (memberMation){
$("#memberId").val(memberMation.contacts);
});
});
$("body").on("click", "#cancle", function() {
parent.layer.close(index);
});
});
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div style="margin: 0 auto; padding: 20px;">
<form class="layui-form" action="" id="showForm">
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">基本信息</span><hr>
</div>
<div class="layui-form-item layui-col-xs3">
<label class="layui-form-label">会员<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="memberId" name="memberId" placeholder="请选择会员" win-verify="required" class="layui-input" readonly="readonly"/>
<i class="fa fa-plus-circle input-icon chooseMemberBtn"></i>
</div>
</div>
<div class="layui-form-item layui-col-xs3">
<label class="layui-form-label">单据日期<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="operTime" name="operTime" win-verify="required" placeholder="请选择单据日期" class="layui-input"/>
</div>
</div>
<div class="layui-form-item layui-col-xs3">
<label class="layui-form-label">结算账户</label>
<div class="layui-input-block">
<select id="accountId" lay-search></select>
</div>
</div>
<div class="layui-form-item layui-col-xs3">
<label class="layui-form-label">退款类型</label>
<div class="layui-input-block">
<select id="payType" lay-search>
<option value="1">现金</option>
<option value="2">记账</option>
<option value="3">其他</option>
</select>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">入库仓库<i class="red">*</i></label>
<div class="layui-input-block">
<select id="depotId" name="depotId" lay-search="" win-verify="required" lay-filter="depotId">
</select>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">列表项<i class="red">*</i></label>
<div class="layui-input-block" id="productList">
</div>
</div>
<div class="layui-form-item layui-col-xs4">
<label class="layui-form-label">共计金额</label>
<div class="layui-input-block ver-center" id="allPrice" style="min-height: 20px; border-bottom: 1px solid black; color: purple; font-weight: 700; font-size: 17px;">
0.00
</div>
</div>
<div class="layui-form-item layui-col-xs4">
<label class="layui-form-label">退款金额<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="changeAmount" name="changeAmount" win-verify="required|money" class="layui-input" style="color: red; font-size: 17px;"/>
</div>
</div>
<div class="layui-form-item layui-col-xs4">
<label class="layui-form-label">折损扣费</label>
<div class="layui-input-block ver-center" id="giveChange" style="min-height: 20px; border-bottom: 1px solid black; color: green; font-weight: 700; font-size: 17px;">
0.00
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">备注</label>
<div class="layui-input-block">
<textarea id="remark" name="remark" placeholder="请输入备注" class="layui-textarea" style="height: 100px;" maxlength="200"></textarea>
</div>
</div>
<div id="dsFormShow">
</div>
<div class="layui-form-item layui-col-xs12">
<div class="layui-input-block">
<button class="winui-btn" id="cancle"><language showName="com.skyeye.cancel"></language></button>
<button class="winui-btn" lay-submit lay-filter="formAddBean">保存为草稿</button>
<button class="winui-btn submitTypeIsOne" lay-submit lay-filter="formSubOneBean">提交审批</button>
<button class="winui-btn submitTypeIsTwo" lay-submit lay-filter="formSubTwoBean">提交</button>
</div>
</div>
</form>
</div>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script src="../../js/erpcommon/loadStock.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/retailReturns/'}).use('retailReturnsAdd');
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div style="padding:20px; margin:0 auto;">
<form class="layui-form" action="" id="showForm">
</form>
<div class="layui-form-item layui-col-xs12">
<div class="layui-input-block ver-center">
<button class="winui-btn" type="button" id="jprint">打印</button>
</div>
</div>
</div>
<script type="text/x-handlebars-template" id="beanTemplate">
{{#bean}}
<div class="layui-form-item layui-col-xs12">
<span class="detail-title">
{{companyName}} - 零售退货订单
</span><hr>
</div>
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">基本信息</span><hr>
</div>
<div class="layui-form-item layui-col-xs3">
<label class="layui-form-label">会员</label>
<div class="layui-input-block ver-center">
{{supplierName}}
</div>
</div>
<div class="layui-form-item layui-col-xs3">
<label class="layui-form-label">单据日期</label>
<div class="layui-input-block ver-center">
{{operTime}}
</div>
</div>
<div class="layui-form-item layui-col-xs3">
<label class="layui-form-label">结算账户</label>
<div class="layui-input-block ver-center">
{{accountName}}
</div>
</div>
<div class="layui-form-item layui-col-xs3">
<label class="layui-form-label">退款类型</label>
<div class="layui-input-block ver-center">
{{payType}}
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">单据编号</label>
<div class="layui-input-block ver-center">
{{defaultNumber}}
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">状态</label>
<div class="layui-input-block ver-center" id="statusName">
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">操作人</label>
<div class="layui-input-block ver-center">
{{operPersonName}}
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">操作日期</label>
<div class="layui-input-block ver-center">
{{createTime}}
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">列表项</label>
<div class="layui-input-block ver-center">
<table class="layui-table">
<thead>
<tr>
<th style="width: 120px;">仓库</th>
<th style="width: 150px;">商品(型号)</th>
<th style="width: 70px;">单位</th>
<th style="width: 80px;">数量</th>
<th style="width: 80px;">单价</th>
<th style="width: 80px;">金额</th>
<th style="min-width: 100px;">备注</th>
</tr>
</thead>
<tbody id="useTable" class="insurance-table">
{{#each items}}
<tr>
<td>{{deportName}}</td>
<td>{{materialNames}}</td>
<td>{{unitName}}</td>
<td>{{operNumber}}</td>
<td>{{unitPrice}}</td>
<td>{{allPrice}}</td>
<td>{{remark}}</td>
</tr>
{{/each}}
</tbody>
</table>
</div>
</div>
<div class="layui-form-item layui-col-xs4">
<label class="layui-form-label">共计金额</label>
<div class="layui-input-block ver-center" style="min-height: 20px; border-bottom: 1px solid black; color: purple; font-weight: 700; font-size: 17px;">
{{totalPrice}}
</div>
</div>
<div class="layui-form-item layui-col-xs4">
<label class="layui-form-label">退款金额</label>
<div class="layui-input-block ver-center" style="min-height: 20px; border-bottom: 1px solid black; color: red; font-weight: 700; font-size: 17px;">
{{changeAmount}}
</div>
</div>
<div class="layui-form-item layui-col-xs4">
<label class="layui-form-label">折损扣费</label>
<div class="layui-input-block ver-center" style="min-height: 20px; border-bottom: 1px solid black; color: green; font-weight: 700; font-size: 17px;">
{{giveChange}}
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">备注</label>
<div class="layui-input-block ver-center">
{{remark}}
</div>
</div>
<div id="dsFormShow">
</div>
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">完成信息</span><hr>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">单据完成日期</label>
<div class="layui-input-block ver-center">
{{realComplateTime}}
</div>
</div>
{{/bean}}
</script>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/retailReturns/'}).use('retailReturnsDetails');
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div style="margin: 0 auto; padding: 20px;">
<form class="layui-form" action="" id="showForm">
</form>
</div>
<!-- beanTemplate -->
<script type="text/x-handlebars-template" id="beanTemplate">
{{#bean}}
<div class="layui-form-item layui-col-xs12">
<span class="hr-title">基本信息</span><hr>
</div>
<div class="layui-form-item layui-col-xs3">
<label class="layui-form-label">会员<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="memberId" name="memberId" placeholder="请选择会员" win-verify="required" class="layui-input" readonly="readonly"/>
<i class="fa fa-plus-circle input-icon chooseMemberBtn"></i>
</div>
</div>
<div class="layui-form-item layui-col-xs3">
<label class="layui-form-label">单据日期<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="operTime" name="operTime" win-verify="required" placeholder="请选择单据日期" class="layui-input" value="{{operTime}}"/>
</div>
</div>
<div class="layui-form-item layui-col-xs3">
<label class="layui-form-label">结算账户</label>
<div class="layui-input-block">
<select id="accountId" lay-search></select>
</div>
</div>
<div class="layui-form-item layui-col-xs3">
<label class="layui-form-label">退款类型</label>
<div class="layui-input-block">
<select id="payType" lay-search>
<option value="1">现金</option>
<option value="2">记账</option>
<option value="3">其他</option>
</select>
</div>
</div>
<div class="layui-form-item layui-col-xs6">
<label class="layui-form-label">入库仓库<i class="red">*</i></label>
<div class="layui-input-block">
<select id="depotId" name="depotId" lay-search="" win-verify="required" lay-filter="depotId">
</select>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">列表项<i class="red">*</i></label>
<div class="layui-input-block" id="productList">
</div>
</div>
<div class="layui-form-item layui-col-xs4">
<label class="layui-form-label">共计金额</label>
<div class="layui-input-block ver-center" id="allPrice" style="min-height: 20px; border-bottom: 1px solid black; color: purple; font-weight: 700; font-size: 17px;">
{{totalPrice}}
</div>
</div>
<div class="layui-form-item layui-col-xs4">
<label class="layui-form-label">退款金额<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="changeAmount" name="changeAmount" win-verify="required|money" value="{{changeAmount}}" class="layui-input" style="color: red; font-size: 17px;"/>
</div>
</div>
<div class="layui-form-item layui-col-xs4">
<label class="layui-form-label">折损扣费</label>
<div class="layui-input-block ver-center" id="giveChange" style="min-height: 20px; border-bottom: 1px solid black; color: green; font-weight: 700; font-size: 17px;">
{{giveChange}}
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<label class="layui-form-label">备注</label>
<div class="layui-input-block">
<textarea id="remark" name="remark" placeholder="请输入备注" class="layui-textarea" style="height: 100px;" maxlength="200">{{remark}}</textarea>
</div>
</div>
<div id="dsFormShow">
</div>
<div class="layui-form-item layui-col-xs12">
<div class="layui-input-block">
<button class="winui-btn" id="cancle"><language showName="com.skyeye.cancel"></language></button>
<button class="winui-btn formEditBean layui-hide" lay-submit lay-filter="formEditBean">保存为草稿</button>
<button class="winui-btn formSubOneBean layui-hide" lay-submit lay-filter="formSubOneBean">提交审批</button>
<button class="winui-btn formSubTwoBean layui-hide" lay-submit lay-filter="formSubTwoBean">提交</button>
<button class="winui-btn save layui-hide" lay-submit lay-filter="save"><language showName="com.skyeye.save"></language></button>
</div>
</div>
{{/bean}}
</script>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script src="../../js/erpcommon/loadStock.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/retailReturns/'}).use('retailReturnsEdit');
</script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册