| | |
| | | //值仓 |
| | | //称重-包括空车和满车称重 |
| | | var layer; |
| | | var form; |
| | | var upload; |
| | | var plateNum = null; |
| | | var recordData = null;// 业务数据信息 |
| | | var paramIntelCard;//设备识别结果 |
| | | var paramIdCard;//设备识别结果 |
| | | var img1, img2, img3;// 页面中的图片上传名称 |
| | | |
| | | $(function() { |
| | | layui.use([ 'layer', 'laydate', 'form', 'upload'], function() { |
| | | upload = layui.upload; |
| | | layer = layui.layer; |
| | | form = layui.form; |
| | | $(function () { |
| | | layui.use(['layer', 'laydate', 'form', 'upload'], function () { |
| | | upload = layui.upload; |
| | | layer = layui.layer; |
| | | form = layui.form; |
| | | |
| | | layui.laydate.render({ |
| | | elem : '#handleEnd', |
| | | type : "datetime", |
| | | theme : '#7b8e9f' |
| | | }); |
| | | layui.laydate.render({ |
| | | elem : '#handleStart', |
| | | type : "datetime", |
| | | theme : '#7b8e9f' |
| | | }); |
| | | //上传 |
| | | upload.render({ |
| | | elem: '#kccz-r-btn1', |
| | | url: '../file/update-file', //上传接口 |
| | | size: 4 * 1024, //限制文件大小,单位KB, 最大上传4MB |
| | | accept: 'images', |
| | | before: function (obj) { |
| | | var plateNum = $("#plateNum").val(); |
| | | this.data = {"plateNum": plateNum, "type": "1"};//携带参数 |
| | | //预读本地文件示例,不支持ie8 |
| | | obj.preview(function (index, file, result) { |
| | | $('#kccz-r-img1').attr('src', result); //图片链接(base64) |
| | | }); |
| | | }, |
| | | done: function (res) { |
| | | //如果上传失败 |
| | | if (res.code > 0) { |
| | | layer.msg("图片上传失败!"); |
| | | } |
| | | //上传成功 |
| | | img1 = res.msg; |
| | | layer.msg("图片上传成功!"); |
| | | //console.log(img1); |
| | | } |
| | | }); |
| | | upload.render({ |
| | | elem: '#kccz-r-btn2', |
| | | url: '../file/update-file', //上传接口 |
| | | size: 4 * 1024, //限制文件大小,单位KB, 最大上传4MB |
| | | accept: 'images', |
| | | before: function (obj) { |
| | | var plateNum = $("#plateNum").val(); |
| | | this.data = {"plateNum": plateNum, "type": "1"};//携带参数 |
| | | //预读本地文件示例,不支持ie8 |
| | | obj.preview(function (index, file, result) { |
| | | $('#kccz-r-img2').attr('src', result); //图片链接(base64) |
| | | }); |
| | | }, |
| | | done: function (res) { |
| | | //如果上传失败 |
| | | if (res.code > 0) { |
| | | layer.msg("图片上传失败!"); |
| | | } |
| | | //上传成功 |
| | | img2 = res.msg; |
| | | layer.msg("图片上传成功!"); |
| | | // console.log(img2); |
| | | } |
| | | }); |
| | | upload.render({ |
| | | elem: '#kccz-r-btn3', |
| | | url: '../file/update-file', //上传接口 |
| | | size: 4 * 1024, //限制文件大小,单位KB, 最大上传4MB |
| | | accept: 'images', |
| | | before: function (obj) { |
| | | var plateNum = $("#plateNum").val(); |
| | | this.data = {"plateNum": plateNum}; //携带参数 |
| | | //预读本地文件示例,不支持ie8 |
| | | obj.preview(function (index, file, result) { |
| | | $('#kccz-r-img3').attr('src', result); //图片链接(base64) |
| | | }); |
| | | }, |
| | | done: function (res) { |
| | | //如果上传失败 |
| | | if (res.code > 0) { |
| | | layer.msg("图片上传失败!"); |
| | | } |
| | | //上传成功 |
| | | img3 = res.msg; |
| | | layer.msg("图片上传成功!"); |
| | | } |
| | | }); |
| | | |
| | | //上传 |
| | | upload.render({ |
| | | elem: '#kccz-r-btn1', |
| | | url: '../file/update-file', //上传接口 |
| | | size: 4*1024, //限制文件大小,单位KB, 最大上传4MB |
| | | accept : 'images', |
| | | before: function(obj){ |
| | | var plateNum = $("#plateNum").val(); |
| | | this.data={"plateNum":plateNum,"type":"1"};//携带参数 |
| | | //预读本地文件示例,不支持ie8 |
| | | obj.preview(function(index, file, result){ |
| | | $('#kccz-r-img1').attr('src', result); //图片链接(base64) |
| | | }); |
| | | }, |
| | | done: function(res){ |
| | | //如果上传失败 |
| | | if(res.code > 0){ |
| | | layer.msg("图片上传失败!"); |
| | | } |
| | | //上传成功 |
| | | img1 = res.msg; |
| | | layer.msg("图片上传成功!"); |
| | | //console.log(img1); |
| | | } |
| | | }); |
| | | upload.render({ |
| | | elem: '#kccz-r-btn2', |
| | | url: '../file/update-file', //上传接口 |
| | | size: 4*1024, //限制文件大小,单位KB, 最大上传4MB |
| | | accept : 'images', |
| | | before: function(obj){ |
| | | var plateNum = $("#plateNum").val(); |
| | | this.data={"plateNum":plateNum,"type":"1"};//携带参数 |
| | | //预读本地文件示例,不支持ie8 |
| | | obj.preview(function(index, file, result){ |
| | | $('#kccz-r-img2').attr('src', result); //图片链接(base64) |
| | | }); |
| | | }, |
| | | done: function(res){ |
| | | //如果上传失败 |
| | | if(res.code > 0){ |
| | | layer.msg("图片上传失败!"); |
| | | } |
| | | //上传成功 |
| | | img2 = res.msg; |
| | | layer.msg("图片上传成功!"); |
| | | // console.log(img2); |
| | | } |
| | | }); |
| | | upload.render({ |
| | | elem: '#kccz-r-btn3', |
| | | url: '../file/update-file', //上传接口 |
| | | size: 4*1024, //限制文件大小,单位KB, 最大上传4MB |
| | | accept : 'images', |
| | | before: function(obj){ |
| | | var plateNum = $("#plateNum").val(); |
| | | this.data={"plateNum":plateNum}; //携带参数 |
| | | //预读本地文件示例,不支持ie8 |
| | | obj.preview(function(index, file, result){ |
| | | $('#kccz-r-img3').attr('src', result); //图片链接(base64) |
| | | }); |
| | | }, |
| | | done: function(res){ |
| | | //如果上传失败 |
| | | if(res.code > 0){ |
| | | layer.msg("图片上传失败!"); |
| | | } |
| | | //上传成功 |
| | | img3 = res.msg; |
| | | layer.msg("图片上传成功!"); |
| | | } |
| | | }); |
| | | }); |
| | | }); |
| | | |
| | | showProgress(); |
| | | |
| | | //调整字段不编辑 |
| | | $("#depotId").attr("disabled",true); |
| | | $("#foodVariety").attr("disabled",true); |
| | | $("#foodLevel").attr("disabled",true); |
| | | //显示流程环节 |
| | | showProgress(); |
| | | }); |
| | | |
| | | //控制流程环节显示 |
| | | function showProgress() { |
| | | if(!inoutProgress){ |
| | | return; |
| | | } |
| | | |
| | | if(inoutProgress.indexOf("REGISTER") == -1){ |
| | | $("#progress-register").css("display", "none"); |
| | | } |
| | | if(inoutProgress.indexOf("CHECK") == -1){ |
| | | $("#progress-check").css("display", "none"); |
| | | } |
| | | if(inoutProgress.indexOf("WEIGHT_FULL") == -1){ |
| | | $("#progress-fullWeight").css("display", "none"); |
| | | } |
| | | if(inoutProgress.indexOf("HANDLE") == -1){ |
| | | $("#progress-hand").css("display", "none"); |
| | | } |
| | | if(inoutProgress.indexOf("WEIGHT_EMPTY") == -1){ |
| | | $("#progress-emptyWeight").css("display", "none"); |
| | | } |
| | | if(inoutProgress.indexOf("CARD_BACK") == -1){ |
| | | $("#progress-cardBack").css("display", "none"); |
| | | } |
| | | } |
| | | |
| | | //新的读卡方式 |
| | | //读智慧卡 |
| | | function flushICCard() { |
| | | $("#intelCard").val(null); |
| | | resetForm(); |
| | | $.ajax({ |
| | | type: "GET", |
| | | async: true, |
| | | url: "http://127.0.0.1:9111/ICCARD", |
| | | data: {}, |
| | | dataType: "jsonp", |
| | | jsonp: "callback", |
| | | jsonpCallback: "jsonpCallback", |
| | | success: function (json) { |
| | | //console.log(json); |
| | | var data = json.no; |
| | | //console.log(data); |
| | | if (data === "not found") { |
| | | layer.alert("请重新读卡!", {offset: ['300px', '300px']}); |
| | | } else { |
| | | $("#intelCard").val(data); |
| | | flushData(); |
| | | } |
| | | }, |
| | | error: function () { |
| | | layer.alert("IC卡读取出错!", {offset: ['300px', '300px']}); |
| | | } |
| | | }); |
| | | if (!cardDto.protocol) { |
| | | flushICCard1(); |
| | | } else { |
| | | flushICCard2(); |
| | | } |
| | | } |
| | | |
| | | // 使用插件获取省份证 |
| | | /** |
| | | * 协议读取智慧卡 |
| | | */ |
| | | function flushICCard2() { |
| | | var index = layer.load(); |
| | | var param = JSON.stringify(cardDto); |
| | | $.ajax({ |
| | | type: "POST", |
| | | url: "../../inout/api/get-icCard", |
| | | dataType: "json", |
| | | contentType: "application/json;charset=UTF-8", |
| | | data: param, |
| | | success: function (result) { |
| | | layer.close(index); |
| | | if (result.code != "0000") { |
| | | alertError(result.msg); |
| | | } else { |
| | | paramIntelCard = data; |
| | | $("#text-param").text("识别卡号:" + paramIntelCard); |
| | | flushData(paramIntelCard, null); |
| | | } |
| | | }, |
| | | error: function () { |
| | | layer.close(index); |
| | | alertError("IC卡读取失败"); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | /** |
| | | * 本地读取智慧卡 |
| | | */ |
| | | function flushICCard1() { |
| | | var index = layer.load(); |
| | | $("#text-param").val(null); |
| | | $("#form-data")[0].reset(); |
| | | form.render(); |
| | | recordData = null; |
| | | $.ajax({ |
| | | type: "GET", |
| | | async: true, |
| | | url: "http://127.0.0.1:9111/ICCARD", |
| | | data: {}, |
| | | dataType: "jsonp", |
| | | jsonp: "callback", |
| | | jsonpCallback: "jsonpCallback", |
| | | success: function (json) { |
| | | var data = json.no; |
| | | layer.close(index); |
| | | if (data === "not found") { |
| | | alertError("请重新读卡!"); |
| | | } else { |
| | | paramIntelCard = data; |
| | | $("#text-param").text("识别卡号:" + paramIntelCard); |
| | | flushData(paramIntelCard, null); |
| | | } |
| | | }, |
| | | error: function () { |
| | | layer.close(index); |
| | | alertError("IC卡读取出错!"); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | // 使用插件获取身份证 |
| | | function flushIdCard() { |
| | | var index = layer.load(); |
| | | $.ajax({ |
| | | type: "GET", |
| | | async: true, |
| | | url: "http://127.0.0.1:9111/IDCARD", |
| | | data: {}, |
| | | dataType: "jsonp", |
| | | jsonp: "callback", |
| | | jsonpCallback: "jsonpCallback", |
| | | success: function (json) { |
| | | layer.close(index); |
| | | var data = json.content; |
| | | if (data === "not found") { |
| | | layer.alert("没有读取到身份证信息,请手动录入!", { |
| | | offset: ['300px', '300px'] |
| | | }); |
| | | return; |
| | | } |
| | | $("#userId").val(data.idNum); |
| | | flushData(); |
| | | }, |
| | | error: function () { |
| | | layer.alert("身份证读取失败,请手动录入!", { |
| | | offset: ['300px', '300px'] |
| | | }); |
| | | layer.close(index); |
| | | } |
| | | }); |
| | | var index = layer.load(); |
| | | $.ajax({ |
| | | type: "GET", |
| | | async: true, |
| | | url: "http://127.0.0.1:9111/IDCARD", |
| | | data: {}, |
| | | dataType: "jsonp", |
| | | jsonp: "callback", |
| | | jsonpCallback: "jsonpCallback", |
| | | success: function (json) { |
| | | layer.close(index); |
| | | var data = json.content; |
| | | if (data === "not found") { |
| | | alertError("没有读取到身份证信息!"); |
| | | return; |
| | | } |
| | | paramIdCard = data; |
| | | $("#text-param").text("识别身份证:" + paramIdCard); |
| | | flushData(null, paramIdCard); |
| | | }, |
| | | error: function () { |
| | | alertError("没有读取到身份证信息!"); |
| | | layer.close(index); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | // 打印抽样单 |
| | | function printBill() { |
| | | layer.alert("打印格式待定义……"); |
| | | function flushByHand() { |
| | | flushData(null, null); |
| | | } |
| | | |
| | | // 表单清空 |
| | | function resetForm() { |
| | | $("#form-data")[0].reset(); |
| | | //清除图片 |
| | | $('#kccz-r-img1').removeAttr('src'); |
| | | $('#kccz-r-img2').removeAttr('src'); |
| | | $('#kccz-r-img3').removeAttr('src'); |
| | | form.render(); |
| | | recordData = null; |
| | | $("#form-data")[0].reset(); |
| | | form.render(); |
| | | recordData = null; |
| | | $("#text-param").val(null); |
| | | } |
| | | |
| | | // 更新数据信息 |
| | | function flushData() { |
| | | var userId2 = $("#userId").val(); |
| | | var plateNum = $("#plateNum").val(); |
| | | var intelCard = $("#intelCard").val(); |
| | | var param = { |
| | | type : type, |
| | | progress : progress, |
| | | userId:userId2, |
| | | intelCard:intelCard, |
| | | plateNum : plateNum |
| | | }; |
| | | var index = layer.load(); |
| | | $.ajax({ |
| | | type : "POST", |
| | | url : "../../basic/inout/inout-query", |
| | | dataType : "json", |
| | | contentType : "application/json;charset=UTF-8", |
| | | data : JSON.stringify(param), |
| | | success : function(result) { |
| | | layer.close(index); |
| | | if (result.code != "0000") { |
| | | notify(result.msg,result.data); |
| | | } else { |
| | | recordData = result.data; |
| | | // 返回的数据进行赋值 |
| | | form.val("form-data", recordData); |
| | | form.render(); |
| | | } |
| | | }, |
| | | error : function() { |
| | | layer.close(index); |
| | | layer.alert("查询失败,请重新尝试!!"); |
| | | } |
| | | }); |
| | | function flushPage() { |
| | | layer.confirm('确定要刷新页面吗?', {icon: 3, title: '提示'}, function (index) { |
| | | resetForm(); |
| | | layer.close(index); |
| | | }); |
| | | } |
| | | |
| | | // --查询方法,获取身份证号、卡号、车牌号,进行查询 |
| | | function flushData(intelCard, userIdCard) { |
| | | var index = layer.load(); |
| | | var userIdCard = userIdCard; |
| | | var intelCard = intelCard; |
| | | var plateNum = $("#plateNum").val(); |
| | | var param = { |
| | | type: type, |
| | | progress: progress, |
| | | intelCard: intelCard, |
| | | userId: userIdCard, |
| | | plateNum: plateNum |
| | | }; |
| | | $.ajax({ |
| | | type: "POST", |
| | | url: "../../basic/inout/inout-query", |
| | | dataType: "json", |
| | | contentType: "application/json;charset=UTF-8", |
| | | data: JSON.stringify(param), |
| | | success: function (result) { |
| | | layer.close(index); |
| | | if (result.code != "0000") { |
| | | notifyProgress(result.msg, result.data); |
| | | } else { |
| | | recordData = result.data; |
| | | // 返回的数据进行赋值 |
| | | form.val("form-data", recordData); |
| | | form.render(); |
| | | } |
| | | }, |
| | | error: function () { |
| | | layer.close(index); |
| | | alertError("查询失败,请重新尝试"); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | // 当前完成 |
| | | function submit() { |
| | | if (null == recordData) { |
| | | layer.alert("没有数据可以提交!!!"); |
| | | return; |
| | | } |
| | | var index = layer.load(); |
| | | var data = form.val("form-data"); |
| | | if (!recordData) { |
| | | alertError("没有业务数据信息,执行被拒绝"); |
| | | return; |
| | | } |
| | | var data = form.val("form-data"); |
| | | |
| | | // 合并更新當前编辑数据 |
| | | Object.assign(recordData, data); |
| | | if (!data.handleUser) { |
| | | alertError("提示:值仓人不可为空"); |
| | | return; |
| | | } |
| | | |
| | | // 获取图片名称 |
| | | recordData.files = [{ |
| | | fileName: img1 |
| | | }, { |
| | | fileName: img2 |
| | | }, { |
| | | fileName: img3 |
| | | }]; |
| | | // 获取照片 |
| | | var files = [{ |
| | | fileName: snapData.fileName1 |
| | | }, { |
| | | fileName: snapData.fileName2 |
| | | }, { |
| | | fileName: snapData.fileName3 |
| | | }]; |
| | | data.files = files; |
| | | |
| | | console.log(recordData); |
| | | |
| | | $.ajax({ |
| | | type : "POST", |
| | | url : "../../basic/inout/inout-next-step", |
| | | dataType : "json", |
| | | contentType : "application/json;charset=UTF-8", |
| | | data : JSON.stringify(recordData), |
| | | success : function(result) { |
| | | if (result.code != "0000") { |
| | | notify(result.msg,result.data); |
| | | } else { |
| | | notify("值仓完成",result.data); |
| | | // 重置页面 |
| | | resetForm(); |
| | | } |
| | | layer.close(index); |
| | | }, |
| | | error : function() { |
| | | layer.close(index); |
| | | layer.alert("提交失败,请重新尝试!!"); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | /** |
| | | * 弹出提醒框 |
| | | * @param msg 提醒信息 |
| | | * @param data 数据信息,可能为空 |
| | | */ |
| | | function notify(msg, data) { |
| | | if (data) { |
| | | //赋值 |
| | | $("#resultMsg").text(msg); |
| | | $("#resultUserName").text(data.userName); |
| | | $("#resultPlateNum").text(data.plateNum); |
| | | if ("IN" == data.type) { |
| | | $("#resultType").text("入库-" + INOUT_PROGRESS_MSG(data.progress)); |
| | | } else { |
| | | $("#resultType").text("出库-" + INOUT_PROGRESS_MSG(data.progress)); |
| | | } |
| | | $("#resultIntelCard").text(data.intelCard); |
| | | |
| | | layer.open({ |
| | | type: 1, |
| | | offset: ['150px', '200px'], |
| | | area: '450px;', |
| | | shade: 0.8, |
| | | id: 'dialog_notify_info', |
| | | btn: ['确定'], |
| | | content: $('#dialog-from-notify'), |
| | | yes: function (index) { |
| | | layer.closeAll(); |
| | | } |
| | | }); |
| | | } else { |
| | | layer.alert(msg, {offset: ['300px', '300px']}); |
| | | } |
| | | var index = layer.load(); |
| | | $.ajax({ |
| | | type: "POST", |
| | | url: "../../basic/inout/submit-handle", |
| | | dataType: "json", |
| | | contentType: "application/json;charset=UTF-8", |
| | | data: JSON.stringify(data), |
| | | success: function (result) { |
| | | if (result.code != "0000") { |
| | | notify(result.msg, result.data); |
| | | } else { |
| | | notify("数据提交成功", result.data); |
| | | } |
| | | layer.close(index); |
| | | }, |
| | | error: function () { |
| | | layer.close(index); |
| | | alertError("提交失败,请重新尝试"); |
| | | } |
| | | }); |
| | | } |