You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
688 lines
26 KiB
688 lines
26 KiB
2 years ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
|
||
|
|
<head>
|
||
|
|
<th:block th:include="include :: header('新增销售订单表')"/>
|
||
|
|
<th:block th:include="include :: datetimepicker-css"/>
|
||
|
|
</head>
|
||
|
|
<body class="white-bg">
|
||
|
|
|
||
|
|
<div class="container-div">
|
||
|
|
<div class="row">
|
||
|
|
<form class="form-horizontal m" id="form-saleorderhead-add">
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label is-required">订单编号：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<input name="SaleorderID" class="form-control" type="text" required>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label">订单号码：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<input name="SaleorderNO" class="form-control" type="text">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label">客户代码：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<input name="pCode" class="form-control" type="text">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label">客户名称：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<input name="pName" class="form-control" type="text">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label">联系人：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<input name="pLinkman" class="form-control" type="text">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label">联系电话：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<input name="pTel" class="form-control" type="text">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label">传真号码：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<input name="pFax" class="form-control" type="text">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label">交货地点：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<input name="sendAddress" class="form-control" type="text">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label">付款方式：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<input name="GetMoneyMemo" class="form-control" type="text">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label">开单日期时间：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<div class="input-group date">
|
||
|
|
<input id="Plandate" name="Plandate" class="form-control" placeholder="请输入开单日期" type="text">
|
||
|
|
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label">业务人员：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<input name="Saler" class="form-control" type="text">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label">备注内容：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<textarea name="bzMemo" class="form-control"></textarea>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label">结案：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<input name="endFlag" class="form-control" type="text">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!--<div class="form-group"> -->
|
||
|
|
<!--<label class="col-sm-3 control-label">内外销：</label>-->
|
||
|
|
<!--<div class="col-sm-8">-->
|
||
|
|
<!--<input name="NWX" class="form-control" type="text">-->
|
||
|
|
<!--</div>-->
|
||
|
|
<!--</div>-->
|
||
|
|
<!--<div class="form-group"> -->
|
||
|
|
<!--<label class="col-sm-3 control-label">确认否：</label>-->
|
||
|
|
<!--<div class="col-sm-8">-->
|
||
|
|
<!--<input name="comfirmFlag" class="form-control" type="text">-->
|
||
|
|
<!--</div>-->
|
||
|
|
<!--</div>-->
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label">接单日期：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<div class="input-group date">
|
||
|
|
<input id="writeDatetime" name="writeDatetime" class="form-control" placeholder="yyyy-MM-dd" type="text">
|
||
|
|
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label">修改日期：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<div class="input-group date">
|
||
|
|
<input id="editDate" name="editDate" disabled="" class="form-control" placeholder="yyyy-MM-dd" type="text">
|
||
|
|
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="col-sm-3 control-label">确认日期：</label>
|
||
|
|
<div class="col-sm-8">
|
||
|
|
<div class="input-group date">
|
||
|
|
<input id="comfirmDate" name="comfirmDate" disabled="" class="form-control" placeholder="yyyy-MM-dd" type="text">
|
||
|
|
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!--<h4 class="form-header h4">订单产品明细信息</h4>-->
|
||
|
|
<!--<div class="row">-->
|
||
|
|
<!--<div class="col-sm-12">-->
|
||
|
|
<!--<button type="button" class="btn btn-white btn-sm" onclick="addColumn()"><i class="fa fa-plus"> 增加</i></button>-->
|
||
|
|
<!--<button type="button" class="btn btn-white btn-sm" onclick="sub.delColumn()"><i class="fa fa-minus"> 删除</i></button>-->
|
||
|
|
<!--<div class="col-sm-12 select-table table-striped">-->
|
||
|
|
<!--<table id="bootstrap-table"></table>-->
|
||
|
|
<!--</div>-->
|
||
|
|
<!--</div>-->
|
||
|
|
<!--</div>-->
|
||
|
|
|
||
|
|
</form>
|
||
|
|
<!--销售订单明细添加-->
|
||
|
|
<div class="btn-group-sm" id="toolbar" role="group">
|
||
|
|
<a class="btn btn-success" onclick="addBom()" shiro:hasPermission="finance:lsalesOrder:add">
|
||
|
|
<i class="fa fa-plus"></i> 添加成品
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-sm-12 select-table table-striped ">
|
||
|
|
<table id="bootstrapTable-body" style="overflow : hidden; text-overflow : ellipsis ; white-space:nowrap ;"></table>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<!--成品选择弹框-->
|
||
|
|
<div class="modal inmodal" id="bomModal" tabindex="-1"
|
||
|
|
role="dilog" aria-hidden="true" style="padding-bottom: 100px;">
|
||
|
|
<div class="modal-dialog" style="width: 800px">
|
||
|
|
<div class="modal-content">
|
||
|
|
<div class="modal-header">
|
||
|
|
<h4 class="modal-title">物料选择</h4>
|
||
|
|
</div>
|
||
|
|
<div class="modal-body" style="text-align: center;">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-sm-10">
|
||
|
|
<form id="bomForm" class="form-group">
|
||
|
|
<div class="col-sm-4">
|
||
|
|
<label class="control-label col-md-4">成品代码：</label>
|
||
|
|
<div class=" col-md-8">
|
||
|
|
<input type="text" class="form-control" name="wlCode" id="wlCode">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-sm-4">
|
||
|
|
<label class="control-label col-md-4">成品名称：</label>
|
||
|
|
<div class=" col-md-8">
|
||
|
|
<input type="text" class="form-control col-md-6" name="itemname"
|
||
|
|
id="itemname">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-2">
|
||
|
|
<button type="button" class="btn btn-success" id="bomCodeSearch">搜索</button>
|
||
|
|
<button type="button" class="btn btn-success" id="bomEmpty">清空</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-12">
|
||
|
|
<div class="table-responsive">
|
||
|
|
<table id="bomTable"
|
||
|
|
class="table table-striped table-responsive" style="padding-bottom: 50px;">
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<button class="btn btn-success" id="btn_addWaitTable" onclick="addBom2()">添加</button>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-12">
|
||
|
|
<div class="table-responsive" style="padding-bottom:30px; ">
|
||
|
|
<table id="bomTable2"
|
||
|
|
class="table table-striped table-responsive">
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="modal-footer">
|
||
|
|
<button type="button" class="btn btn-primary"
|
||
|
|
onClick="confirm();">确定
|
||
|
|
</button>
|
||
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<!-- /.modal-content -->
|
||
|
|
</div>
|
||
|
|
<!-- /.modal-dialog -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<th:block th:include="include :: footer"/>
|
||
|
|
<th:block th:include="include :: datetimepicker-css"/>
|
||
|
|
<th:block th:include="include :: datetimepicker-js"/>
|
||
|
|
<th:block th:include="include :: bootstrap-editable-css"/>
|
||
|
|
<th:block th:include="include :: bootstrap-table-editable-js"/>
|
||
|
|
<script th:inline="javascript">
|
||
|
|
var prefix = ctx + "finance/saleorderhead"
|
||
|
|
$("#form-saleorderhead-add").validate({
|
||
|
|
focusCleanup: true
|
||
|
|
});
|
||
|
|
|
||
|
|
var today = new Date();
|
||
|
|
today.setTime(today.getTime());
|
||
|
|
var time = today.getFullYear() + "-" + (today.getMonth() + 1) + "-" + today.getDate();
|
||
|
|
|
||
|
|
Date.prototype.Format = function (fmt) {
|
||
|
|
var o = {
|
||
|
|
"M+": this.getMonth() + 1, //月份
|
||
|
|
"d+": this.getDate(), //日
|
||
|
|
"H+": this.getHours(), //小时
|
||
|
|
"m+": this.getMinutes(), //分
|
||
|
|
"s+": this.getSeconds(), //秒
|
||
|
|
"q+": Math.floor((this.getMonth() + 3) / 3), //季度
|
||
|
|
"S": this.getMilliseconds() //毫秒
|
||
|
|
};
|
||
|
|
if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
|
||
|
|
for (var k in o)
|
||
|
|
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
|
||
|
|
return fmt;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
//提交
|
||
|
|
function submit() {
|
||
|
|
let bootstrapTable = $("#bootstrapTable-body").bootstrapTable("getData", true);
|
||
|
|
let formData = new FormData($("#form-saleorderhead-add")[0]);
|
||
|
|
formData.append("saleorderlistList", JSON.stringify(bootstrapTable));
|
||
|
|
let data = {};
|
||
|
|
formData.forEach((value, key) => data[key] = value);
|
||
|
|
console.log();
|
||
|
|
$.ajax({
|
||
|
|
url: prefix + "/add",
|
||
|
|
type: "post",
|
||
|
|
resultType: "json",
|
||
|
|
data: {"jsonStr": JSON.stringify(data)},
|
||
|
|
success: function (resp) {
|
||
|
|
if (resp.code === 0) {
|
||
|
|
alert("添加成功！");
|
||
|
|
// window.location.href = prefix;
|
||
|
|
var index = parent.layer.getFrameIndex(window.name);
|
||
|
|
var parent2 = window.parent;
|
||
|
|
parent2.$.table.refresh();
|
||
|
|
parent.layer.close(index);//关闭当前页
|
||
|
|
} else {
|
||
|
|
$.modal.msgError(resp.msg);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
error: function () {
|
||
|
|
$.modal.msgError("出错了！");
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function submitHandler() {
|
||
|
|
// if ($.validate.form()) {
|
||
|
|
// $.operate.save(prefix + "/add", $('#form-saleorderhead-add').serialize());
|
||
|
|
// }
|
||
|
|
submit()
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
// 打开成品选择框
|
||
|
|
function addBom() {
|
||
|
|
$("#bomModal").modal("show");
|
||
|
|
}
|
||
|
|
|
||
|
|
// 从全部物料表选择的
|
||
|
|
function addBom2() {
|
||
|
|
var row = $("#bomTable").bootstrapTable("getSelections");
|
||
|
|
var count = $('#bomTable2').bootstrapTable('getData').length;
|
||
|
|
for (var i = 0; i < row.length; i++) {
|
||
|
|
$("#bomTable2").bootstrapTable('insertRow', {
|
||
|
|
index: count + i,
|
||
|
|
row: {
|
||
|
|
wldm: row[i].wldm,
|
||
|
|
wlCode: row[i].wlCode,
|
||
|
|
hsCode: row[i].hsCode,
|
||
|
|
itemname: row[i].itemname,
|
||
|
|
itemstandard: row[i].itemstandard,
|
||
|
|
machineNo: row[i].machineNo,
|
||
|
|
stockDw: row[i].stockDw,
|
||
|
|
intakeorchina: row[i].intakeorchina,
|
||
|
|
weight: row[i].weight,
|
||
|
|
pWldm: row[i].pWldm,
|
||
|
|
pCode: row[i].pCode,
|
||
|
|
pName: row[i].pName,
|
||
|
|
rmbPrice: row[i].rmbPrice
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
// 选择的物料单 即将添加为订单下的物料单
|
||
|
|
$('#bootstrapTable-body').bootstrapTable({
|
||
|
|
striped: true, // 是否显示行间隔色
|
||
|
|
cache: false, // 是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
|
||
|
|
// contentType :"application/x-www-form-urlencoded",
|
||
|
|
// pageNumber : 1, // 初始化加载第一页，默认第一页
|
||
|
|
// pageSize : 10, // 每页的记录行数（*）
|
||
|
|
// pageList : [ 5, 10,50], // 可供选择的每页的行数（*）
|
||
|
|
// clickToSelect : true, // 是否启用点击选中行
|
||
|
|
showToggle: false, // 是否显示详细视图和列表视图的切换按钮
|
||
|
|
cardView: false, // 是否显示详细视图
|
||
|
|
detailView: false, // 是否显示父子表
|
||
|
|
smartDisplay: false, // 加了这个才显示每页显示的行数
|
||
|
|
showExport: false, // 是否显示导出按钮
|
||
|
|
singleSelect: true,
|
||
|
|
uniqueId:"wlCode",
|
||
|
|
height: 400,
|
||
|
|
// onClickRow:function(row, $element, field)
|
||
|
|
// {
|
||
|
|
// console.log(JSON.stringify(row))
|
||
|
|
// console.log(field)
|
||
|
|
// },
|
||
|
|
onEditableSave:onEditableSave,
|
||
|
|
columns: [
|
||
|
|
{
|
||
|
|
checkbox: true
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'wlCode',
|
||
|
|
title: '成品代码'
|
||
|
|
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'itemname',
|
||
|
|
title: '成品名称',
|
||
|
|
formatter: function (value, row, index) {
|
||
|
|
return $.table.tooltip(value, 10, "open");
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'itemstandard',
|
||
|
|
title: '规格型号',
|
||
|
|
formatter: function (value, row, index) {
|
||
|
|
return $.table.tooltip(value, 10, "open");
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'machineNo',
|
||
|
|
title: '机种',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'stockDw',
|
||
|
|
title: '单位'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'qty',
|
||
|
|
title: '数量',
|
||
|
|
// visible: false
|
||
|
|
editable: {
|
||
|
|
type: 'text',
|
||
|
|
title: '数量',
|
||
|
|
validate: function (value) {
|
||
|
|
if (isNaN(value)) return '使用量必须是数字';
|
||
|
|
var price = parseFloat(value);
|
||
|
|
if (price <= 0) return '使用量必须大于0';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'crlName',
|
||
|
|
title: '币别'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'rmbPrice',
|
||
|
|
title: '单价'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'amt',
|
||
|
|
title: '金额'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'sendDate',
|
||
|
|
title: '交期',
|
||
|
|
editable: {
|
||
|
|
type: 'date',
|
||
|
|
title: '交期',
|
||
|
|
emptytext: time,
|
||
|
|
validate: function (value) {
|
||
|
|
var now = new Date();
|
||
|
|
if (value.getTime() < now.getTime()) {
|
||
|
|
return "交期至少是今天！";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'piNo',
|
||
|
|
title: 'Line#'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: '',
|
||
|
|
title: '版本号'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: '',
|
||
|
|
title: '说明'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: '操作',
|
||
|
|
align: 'center',
|
||
|
|
formatter: function (value, row, index) {
|
||
|
|
var actions = [];
|
||
|
|
actions.push('<a class="btn btn-danger btn-xs ' + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.versionNo + '\')"><i class="fa fa-remove"></i>删除</a>');
|
||
|
|
return actions.join('');
|
||
|
|
}
|
||
|
|
}]
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
function onEditableSave(field, row, oldValue, $el){
|
||
|
|
$('#bootstrapTable-body').bootstrapTable('updateByUniqueId', {
|
||
|
|
id: row.wlCode,
|
||
|
|
row: {
|
||
|
|
amt: row.qty*row.rmbPrice,
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
// 全部物料
|
||
|
|
$('#bomTable').bootstrapTable({
|
||
|
|
url: ctx + "finance/productprice/list",
|
||
|
|
method: 'post',
|
||
|
|
striped: true, // 是否显示行间隔色
|
||
|
|
cache: false, // 是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
|
||
|
|
pagination: true, // 是否显示分页（*）
|
||
|
|
contentType: "application/x-www-form-urlencoded",
|
||
|
|
queryParams: function (params) {
|
||
|
|
var curParams = {
|
||
|
|
// 传递参数查询参数
|
||
|
|
pageSize: params.limit,
|
||
|
|
pageNum: params.offset / params.limit + 1,
|
||
|
|
// searchValue: params.search,
|
||
|
|
// orderByColumn: params.sort,
|
||
|
|
// isAsc: params.order
|
||
|
|
};
|
||
|
|
var wlCode = $("#wlCode").val();
|
||
|
|
var itemnamee = $("#itemname").val();
|
||
|
|
// var json = $.extend(curParams, $.common.formToJSON("bomForm"));
|
||
|
|
var json = $.extend(curParams, {"wlCode": wlCode}, {"Itemname": itemnamee});
|
||
|
|
return json;
|
||
|
|
},
|
||
|
|
sidePagination: "server", // 分页方式：client客户端分页，server服务端分页（*）
|
||
|
|
pageNumber: 1, // 初始化加载第一页，默认第一页
|
||
|
|
pageSize: 5, // 每页的记录行数（*）
|
||
|
|
pageList: [5, 10, 50], // 可供选择的每页的行数（*）
|
||
|
|
clickToSelect: true, // 是否启用点击选中行
|
||
|
|
showToggle: false, // 是否显示详细视图和列表视图的切换按钮
|
||
|
|
cardView: false, // 是否显示详细视图
|
||
|
|
detailView: false, // 是否显示父子表
|
||
|
|
smartDisplay: false, // 加了这个才显示每页显示的行数
|
||
|
|
showExport: false, // 是否显示导出按钮
|
||
|
|
// singleSelect : true,
|
||
|
|
height: 350,
|
||
|
|
columns: [
|
||
|
|
{
|
||
|
|
checkbox: true
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'wlCode',
|
||
|
|
title: '物料代码'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'itemname',
|
||
|
|
title: '名称'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'itemstandard',
|
||
|
|
title: '规格型号'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'machineNo',
|
||
|
|
title: '机种',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'stockDw',
|
||
|
|
title: '库存单位'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'rmbPrice',
|
||
|
|
title: '单价'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'pCode',
|
||
|
|
title: '客户号'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'pName',
|
||
|
|
title: '客户名'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
//点击搜索,刷新表格
|
||
|
|
$("#bomCodeSearch").click(function () {
|
||
|
|
$('#bomTable').bootstrapTable('refresh');
|
||
|
|
});
|
||
|
|
|
||
|
|
//重置
|
||
|
|
$("#bomEmpty").on("click", function () {
|
||
|
|
$("#wlCode").val("");
|
||
|
|
$("#itemname").val("");
|
||
|
|
$("#bomTable").bootstrapTable("refresh");
|
||
|
|
});
|
||
|
|
// //查询参数
|
||
|
|
// function queryParams(params) {
|
||
|
|
// var search = $.table.queryParams(params);
|
||
|
|
// search.wlCode = $("#wlCode").val();
|
||
|
|
// search.itemname = $("#itemname").val();
|
||
|
|
// return search;
|
||
|
|
// }
|
||
|
|
|
||
|
|
//要选择的物料
|
||
|
|
$('#bomTable2').bootstrapTable({
|
||
|
|
striped: true, // 是否显示行间隔色
|
||
|
|
cache: false, // 是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
|
||
|
|
// contentType :"application/x-www-form-urlencoded",
|
||
|
|
// pageNumber : 1, // 初始化加载第一页，默认第一页
|
||
|
|
// pageSize : 10, // 每页的记录行数（*）
|
||
|
|
// pageList : [ 5, 10,50], // 可供选择的每页的行数（*）
|
||
|
|
// clickToSelect : true, // 是否启用点击选中行
|
||
|
|
showToggle: false, // 是否显示详细视图和列表视图的切换按钮
|
||
|
|
cardView: false, // 是否显示详细视图
|
||
|
|
detailView: false, // 是否显示父子表
|
||
|
|
smartDisplay: false, // 加了这个才显示每页显示的行数
|
||
|
|
showExport: false, // 是否显示导出按钮
|
||
|
|
singleSelect: true,
|
||
|
|
height: 400,
|
||
|
|
columns: [
|
||
|
|
{
|
||
|
|
checkbox: true
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'wldm',
|
||
|
|
title: '',
|
||
|
|
visible: false
|
||
|
|
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'wlCode',
|
||
|
|
title: '物料代码'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'itemname',
|
||
|
|
title: '名称'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'itemstandard',
|
||
|
|
title: '规格型号'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'machineNo',
|
||
|
|
title: '机种',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'stockDw',
|
||
|
|
title: '库存单位'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'rmbPrice',
|
||
|
|
title: '单价'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'pCode',
|
||
|
|
title: '客户号'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
field: 'pName',
|
||
|
|
title: '客户名'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: '操作',
|
||
|
|
align: 'center',
|
||
|
|
formatter: function (value, row, index) {
|
||
|
|
var actions = [];
|
||
|
|
// actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="edit()"><i class="fa fa-edit"></i>编辑</a> ');
|
||
|
|
actions.push('<a class="btn btn-danger btn-xs ' + '" href="javascript:void(0)" onclick="remove(\'' + row.wlCode + '\')"><i class="fa fa-remove"></i>删除</a>');
|
||
|
|
return actions.join('');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
]
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
//移除bomtable2的对应行数据
|
||
|
|
function remove(wlCode) {
|
||
|
|
$("#bomTable2").bootstrapTable("remove", {
|
||
|
|
field: 'wlCode',
|
||
|
|
values: wlCode
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
//添加到订单下确认
|
||
|
|
function confirm() {
|
||
|
|
var row = $("#bomTable2").bootstrapTable("getData", true);
|
||
|
|
var count = $('#bootstrapTable-body').bootstrapTable('getData').length;
|
||
|
|
//append方法
|
||
|
|
for (var i = 0; i < row.length; i++) {
|
||
|
|
$("#bootstrapTable-body").bootstrapTable('insertRow', {
|
||
|
|
index: count + i,
|
||
|
|
row: {
|
||
|
|
wldm: row[i].wldm,
|
||
|
|
wlCode: row[i].wlCode,
|
||
|
|
hsCode: row[i].hsCode,
|
||
|
|
itemname: row[i].itemname,
|
||
|
|
itemstandard: row[i].itemstandard,
|
||
|
|
machineNo: row[i].machineNo,
|
||
|
|
stockDw: row[i].stockDw,
|
||
|
|
intakeorchina: row[i].intakeorchina,
|
||
|
|
weight: row[i].weight,
|
||
|
|
crlName: 'RMB',
|
||
|
|
rmbPrice: row[i].rmbPrice,
|
||
|
|
qty: 0,
|
||
|
|
amt: 0,
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
$("#bomModal").modal("hide");
|
||
|
|
}
|
||
|
|
$("input[name='Plandate']").datetimepicker({
|
||
|
|
format: "yyyy-mm-dd HH:mm",
|
||
|
|
minView: "month",
|
||
|
|
autoclose: true,
|
||
|
|
});
|
||
|
|
$("input[name='writeDatetime']").datetimepicker({
|
||
|
|
format: "yyyy-mm-dd HH:mm",
|
||
|
|
minView: "month",
|
||
|
|
autoclose: true,
|
||
|
|
});
|
||
|
|
$("input[name='editDate']").datetimepicker({
|
||
|
|
format: "yyyy-mm-dd HH:mm",
|
||
|
|
minView: "month",
|
||
|
|
autoclose: true,
|
||
|
|
});
|
||
|
|
$("input[name='comfirmDate']").datetimepicker({
|
||
|
|
format: "yyyy-mm-dd HH:mm",
|
||
|
|
minView: "month",
|
||
|
|
autoclose: true,
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
var date = new Date().Format("yyyy-MM-dd HH:mm");
|
||
|
|
$("#Plandate").val(date)
|
||
|
|
$("#writeDatetime").val(date)
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|