|
layui.use(['table', 'admin', 'ax', 'func'], function () {
|
var $ = layui.$;
|
var table = layui.table;
|
var $ax = layui.ax;
|
var admin = layui.admin;
|
var func = layui.func;
|
|
/**
|
* 看板配置管理
|
*/
|
var KanbanConf = {
|
tableId: "kanbanConfTable"
|
};
|
|
/**
|
* bom信息管理
|
*/
|
var BomInfo = {
|
tableId: "bomInfoTable"
|
};
|
|
/**
|
* bom信息管理
|
*/
|
var MaterialShortage = {
|
tableId: "materialShortageTable"
|
};
|
|
initPageInfo();
|
async function initPageInfo() {
|
await initKanBanConfInfo();//初始化配置信息
|
await initOrderInfo();
|
// initBomTable();
|
initMaterialShortage();
|
/* xR();
|
xa();*/
|
}
|
|
|
|
|
|
function initKanBanConfInfo() {
|
// 根据ip查询配置信息
|
var ajax = new $ax(Feng.ctxPath + "/materialRegistration/qryKBConflist?pageCode=" + 'KB_WLDJ_001');
|
var result = ajax.start();
|
if (result.data.length > 0) {
|
let msg = result.data[0];
|
$('#id').val(msg.id);
|
$('#ipAddress').val(msg.ipAddress);
|
$('#pageCode').val(msg.pageCode);
|
$('#workshopCode').val(msg.workshopCode);
|
$('#lineCode').val(msg.lineCode);
|
$('#locationCode').val(msg.locationCode);
|
}
|
}
|
|
var ip = "";
|
$(document).ready(function () {
|
console.log("111111111");
|
console.log($('#locationCode').val());
|
var ajax = new $ax(Feng.ctxPath + "/scannerConfig/getOneByLocationCode?locationCode=" + $('#locationCode').val());
|
var result = ajax.start();
|
console.log(result.data);
|
ip = result.data.ipAddress;
|
});
|
|
function initOrderInfo() {
|
// 根据ip查询配置信息
|
var ajax = new $ax(Feng.ctxPath + "/productionOrdeInfo/list?orderStatus=" + '3');
|
var result = ajax.start();
|
if (result.data.length > 0) {
|
let msg = result.data[0];
|
$('#orderId').val(msg.id);
|
$('#workOrderNo').val(msg.workOrderNo);
|
$('#materialCode').val(msg.materialCode);
|
$('#materialName').val(msg.materialName);
|
$('#planQty').val(msg.planQty);
|
|
$('#custom').val(msg.custom);
|
$('#createTime').val(msg.createTime);
|
$('#actualQty').val(msg.actualQty);
|
$('#planStartTime').val(msg.planStartTime);
|
$('#planEndTime').val(msg.planEndTime);
|
}
|
}
|
|
function initBomTable(){
|
var queryData = {};
|
// queryData['loadingCode'] = $("#locationCode").val();
|
// queryData['workOrderNo'] = $("#workOrderNo").val();
|
|
// 渲染表格
|
var tableResult = table.render({
|
elem: '#' + BomInfo.tableId,
|
url: Feng.ctxPath + '/bomInfo/kbListTable',
|
// page: true,
|
// height: 475,
|
height: 435,
|
cellMinWidth: 100,
|
where:queryData,
|
cols: BomInfo.initColumn()
|
});
|
}
|
/**
|
* 物料Bom初始化表格的列
|
*/
|
BomInfo.initColumn = function () {
|
return [[
|
// {type: 'checkbox'},
|
/* {type:"numbers" ,title:'序号',width:40,fixed:'left'},*/
|
{field: 'id', hide: true, title: 'ID'},
|
{field: 'materialCode', sort: true, title: '物料编号'},
|
{field: 'materialName', sort: true, title: '物料名称'},
|
// {field: 'workorderNo', sort: true, title: '工单编号'},
|
// {field: 'productCode', sort: true, title: '产品编号'},
|
{field: 'locationCode', sort: true, title: '工位编号'},
|
// {field: 'loadingCode', sort: true, title: '上料工位编号'},
|
// {field: 'state', sort: true, title: '是否扫码'},
|
// {field: 'batchCode', sort: true, title: '批次码'},
|
]];
|
};
|
|
/**
|
* 缺料报警初始化表格的列
|
*/
|
MaterialShortage.initColumn = function () {
|
return [[
|
{type: 'checkbox', fixed: 'left'},
|
|
{field: 'id', hide: true, title: 'ID'},
|
/* {field: 'workOrderNo', sort: true, title: '工单号', width: 150},*/
|
// {field: 'loadingCode', sort: true, title: '上料工位', width: 105},
|
{field: 'locationCode', sort: true, title: '工位编号', width: 100},
|
//{field: 'loadingCode', sort: true, title: '扫码工位编号', width: 105},
|
{field: 'materialCode', sort: true, title: '物料编码', width: 170},
|
{field: 'batch', sort: true, title: '物料批次',width: 120},
|
{field: 'quantity', sort: true, title: '上料数量',width: 120},
|
{field: 'residueQuantity', sort: true, title: '剩余数量',width: 120},
|
{field: 'unit', sort: true, title: '单位'},
|
{field: 'status', sort: true, title: '是否上料', width: 105,templet: '#stateTpl'},
|
// {field: 'orderStatus', sort: true, title: '状态',align:'center',width:80,templet: '#orderStatusTpl'},
|
|
]];
|
};
|
|
function initMaterialShortage(){
|
var queryData = {};
|
queryData['workOrderNo'] = $("#workOrderNo").val();
|
// queryData['loadingCode'] = $("#locationCode").val();
|
|
// 渲染表格
|
var tableResult = table.render({
|
elem: '#' + MaterialShortage.tableId,
|
url: Feng.ctxPath + '/productionOrderBatchInfo/boardList',
|
// page: true,
|
height: 345,
|
toolbar: '#toolbarDemo',
|
cellMinWidth: 80,
|
where:queryData,
|
cols: MaterialShortage.initColumn()
|
});
|
}
|
|
// 工具栏事件
|
table.on('toolbar(materialShortageTable)', function(obj){
|
var id = obj.config.id;
|
var checkStatus = table.checkStatus(id);
|
switch(obj.event){
|
case 'getCheckData':
|
var data = checkStatus.data;
|
console.log(data.length)
|
console.log(data)
|
if(data.length!==1){
|
Feng.error("请正确选择一条数据")
|
return
|
}
|
resetting(data[0].id)
|
break;
|
};
|
});
|
|
function resetting(data){
|
var resetting = new $ax(Feng.ctxPath + "/productionOrderBatchInfo/resetting?id=" + data);
|
var resettingResult = resetting.start();
|
initMaterialShortage()
|
Feng.success("重置成功")
|
}
|
|
// 生产工单设置按钮点击事件
|
$('#orderBtnSet').click(function () {
|
KanbanConf.openOrderEditPage();
|
});
|
|
// 设置按钮点击事件
|
$('#btnSet').click(function () {
|
var id = $("#id").val();
|
if(id == "" || id == undefined){
|
KanbanConf.openAddDlg();
|
}else{
|
KanbanConf.openEditPage(id);
|
}
|
|
});
|
|
/**
|
* 弹出添加页面设置对话框
|
*/
|
KanbanConf.openAddDlg = function () {
|
layer.open({
|
type: 2,
|
area: ['1000px', '600px'],
|
title: '添加看板配置',
|
content: Feng.ctxPath + '/materialRegistration/add',
|
success: function (layero, index) {
|
let body = layer.getChildFrame('body', index);
|
body.find('form').find('#testlineCode').val($('#lineCode').val());
|
body.find('form').find('#testlocationCode').val($('#locationCode').val());
|
},
|
end: function () {
|
console.log("end")
|
let lineCode = JSON.parse(window.localStorage.getItem('lineCode'));
|
let locationCode = JSON.parse(window.localStorage.getItem('locationCode'));
|
$('#lineCode').val(lineCode);
|
$('#locationCode').val(locationCode);
|
initKanBanConfInfo()
|
}
|
});
|
};
|
|
/**
|
* 弹出编辑页面设置对话框
|
*
|
* @param data 点击按钮时候的行数据
|
*/
|
KanbanConf.openEditPage = function (data) {
|
func.open({
|
title: '添加看板配置',
|
content: Feng.ctxPath + '/materialRegistration/edit?id=' + data,
|
//tableId: KanbanConf.tableId
|
});
|
|
};
|
|
$('#revert').click(function () {
|
window.location.href = Feng.ctxPath + '/badBoard/boardHome'
|
});
|
|
KanbanConf.openOrderEditPage = function (data) {
|
layer.open({
|
type: 2,
|
area: ['1000px', '600px'],
|
title: '工单配置',
|
content: Feng.ctxPath + '/materialRegistration/orderEdit',
|
success: function () {
|
console.log($('#lineCode').val());
|
window.lineCode = $('#lineCode').val();
|
},
|
end: function () {
|
let msg = JSON.parse(window.localStorage.getItem('message'));
|
console.log("选择工单_id", msg.id)
|
$('#orderId').val(msg.id);
|
$('#workOrderNo').val(msg.workOrderNo);
|
$('#materialCode').val(msg.materialCode);
|
$('#materialName').val(msg.materialName);
|
$('#planQty').val(msg.planQty);
|
$('#createTime').val(msg.createTime);
|
$('#actualQty').val(msg.actualQty);
|
initMaterialShortage();
|
}
|
});
|
};
|
|
// $("#barCode").bind("keydown",function(e){
|
// // 兼容FF和IE和Opera
|
// var theEvent = e || window.event;
|
// var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
|
// if (code === 13) {
|
// var ajax1 = new $ax(Feng.ctxPath + "/bomInfo/bomCheck?materialCode=" +$('#barCode').val()+"&loadingCode="+$('#locationCode').val());
|
// var result1 = ajax1.start();
|
// console.log(result1.data);
|
// if(result1.data!==0) {
|
// //回车执行查询
|
// var ajax = new $ax(Feng.ctxPath + "/productionOrderBatchInfo/barCodeCheck?materialCode=" + $('#barCode').val() + "&workOrderNo=" + $('#workOrderNo').val());
|
// var result = ajax.start();
|
// console.log(result.data);
|
// if (result.data === 0) {
|
// let ajax = new $ax(Feng.ctxPath + "/productionOrderBatchInfo/updateState", function (data) {
|
// }, function (data) {
|
// Feng.error("添加失败！" + data.responseJSON.message)
|
// });
|
// ajax.set("materialCode", $('#barCode').val());
|
// ajax.set("workOrderNo", $('#workOrderNo').val());
|
// ajax.set("state", "是");
|
// ajax.start();
|
// // initBomTable();
|
// initMaterialShortage();
|
// } else {
|
// layer.open({
|
// title: "操作提示",
|
// icon: 0,
|
// closeBtn: 2,
|
// area: ['450px', '160px'],
|
// time: 5000,
|
// content: '<span style="font-size: 30px;color: red">该标签已被扫描!!!</span>'
|
// });
|
// }
|
// }else {
|
// layer.open({
|
// title: "操作提示",
|
// icon: 0,
|
// closeBtn: 2,
|
// area: ['450px', '160px'],
|
// time: 5000,
|
// content: '<span style="font-size: 30px;color: red">BOM校验错误请重新扫码!!!</span>'
|
// });
|
// }
|
// }
|
// });
|
|
$('#btnClean').click(function (){
|
clean()
|
});
|
|
function clean(){
|
$('#barCode').val("");
|
$('#number').val("");
|
}
|
$('#confirm').click(function (){
|
inputMethod($('#barCode').val());
|
// let barCode = $('#barCode').val();
|
// let batch = barCode.substring(14,25);
|
// let number = $('#number').val();
|
// if(barCode === '' || number === ''){
|
// Feng.error("请输入条码和数量的完整信息");
|
// return
|
// }else if(barCode.length!==25){
|
// Feng.error("请输入完整长度信息");
|
// return
|
// }
|
// var checkLocationCode = new $ax(Feng.ctxPath + "/productionOrderBatchInfo/checkLocationCode?materialCode=" + barCode.substring(0, 14) + "&workOrderNo="+ $('#workOrderNo').val());
|
// var checkLocationCodeResult = checkLocationCode.start();
|
// if(checkLocationCodeResult.data === 0){
|
// Feng.error("条码信息异常")
|
// return
|
// }
|
// var updateOrderBatchInfo = new $ax(Feng.ctxPath + "/productionOrderBatchInfo/updateOrderBatchInfo?materialCode=" + barCode.substring(0, 14) + "&workOrderNo="+ $('#workOrderNo').val()+ "&spareField1="+ number + "&loadingCode="+ batch);
|
// var updateOrderBatchInfoResult = updateOrderBatchInfo.start();
|
// Feng.success("录入成功")
|
// clean()
|
// initMaterialShortage()
|
});
|
|
function inputMethod(inBarCode){
|
let barCode = inBarCode;
|
let batch = barCode.substring(14,25);
|
let number = $('#number').val();
|
if(barCode === '' || number === ''){
|
Feng.error("请输入条码和数量的完整信息");
|
return
|
}else if(barCode.length!==25){
|
Feng.error("请输入完整长度信息");
|
return
|
}
|
// var checkLocationCode = new $ax(Feng.ctxPath + "/productionOrderBatchInfo/checkLocationCode?materialCode=" + barCode.substring(0, 14) + "&workOrderNo="+ $('#workOrderNo').val());
|
// var checkLocationCodeResult = checkLocationCode.start();
|
// if(checkLocationCodeResult.data === 0){
|
// Feng.error("条码信息异常")
|
// return
|
// }
|
var updateOrderBatchInfo = new $ax(Feng.ctxPath + "/productionOrderBatchInfo/updateOrderBatchInfo?materialCode=" + barCode.substring(0, 14) + "&workOrderNo="+ $('#workOrderNo').val()+ "&quantity="+ number + "&batch="+ batch+ "&residueQuantity="+ number);
|
var updateOrderBatchInfoResult = updateOrderBatchInfo.start();
|
if(updateOrderBatchInfoResult.data === "0"){
|
Feng.error("批次不同无法录入");
|
return;
|
}
|
Feng.success("录入成功")
|
clean()
|
initMaterialShortage()
|
}
|
|
|
var websocket = null;
|
//判断当前浏览器是否支持WebSocket
|
if('WebSocket' in window) {
|
//改成你的地址
|
// websocket = new WebSocket('ws://'+ip+':8083/websocket/materialRegistration');
|
websocket = new WebSocket('ws://127.0.0.1:8083/websocket/materialRegistration');
|
} else {
|
alert('当前浏览器 Not support websocket')
|
}
|
//接收到消息的回调方法
|
websocket.onmessage = function(event) {
|
inputMethod(event.data);
|
// console.log(event);
|
// console.log(event.data)
|
// $('#barCode').val(event.data);
|
// var ajax1 = new $ax(Feng.ctxPath + "/bomInfo/bomCheck?materialCode=" +$('#barCode').val()+"&loadingCode="+$('#locationCode').val());
|
// var result1 = ajax1.start();
|
// console.log(result1.data);
|
// if(result1.data!==0) {
|
// //回车执行查询
|
// var ajax = new $ax(Feng.ctxPath + "/productionOrderBatchInfo/barCodeCheck?materialCode=" + $('#barCode').val() + "&workOrderNo=" + $('#workOrderNo').val());
|
// var result = ajax.start();
|
// console.log(result.data);
|
// if (result.data === 0) {
|
// let ajax = new $ax(Feng.ctxPath + "/productionOrderBatchInfo/updateState", function (data) {
|
// }, function (data) {
|
// Feng.error("添加失败！" + data.responseJSON.message)
|
// });
|
// ajax.set("materialCode", $('#barCode').val());
|
// ajax.set("workOrderNo", $('#workOrderNo').val());
|
// ajax.set("state", "是");
|
// ajax.start();
|
// // initBomTable();
|
// initMaterialShortage();
|
// } else {
|
// layer.open({
|
// title: "操作提示",
|
// icon: 0,
|
// closeBtn: 2,
|
// area: ['450px', '160px'],
|
// time: 5000,
|
// content: '<span style="font-size: 30px;color: red">该标签已被扫描!!!</span>'
|
// });
|
// }
|
// }else {
|
// layer.open({
|
// title: "操作提示",
|
// icon: 0,
|
// closeBtn: 2,
|
// area: ['450px', '160px'],
|
// time: 5000,
|
// content: '<span style="font-size: 30px;color: red">BOM校验错误请重新扫码!!!</span>'
|
// });
|
// }
|
}
|
|
//连接成功建立的回调方法
|
websocket.onopen = function() {
|
Feng.info("扫码枪连接建立成功")
|
console.log("与weksoket地址"+'ws://'+ip+':8083/websocket/materialRegistration'+"连接成功")
|
}
|
|
//连接关闭的回调方法
|
websocket.onclose = function() {
|
Feng.info("扫码枪连接已关闭")
|
console.log("与weksoket地址"+'ws://'+ip+':8083/websocket/materialRegistration'+"连接失败不能发送消息")
|
}
|
|
window.onunload = function(){
|
websocket.close();
|
}
|
|
|
});
|
