//称重-包括空车和满车称重
|
var layer;
|
var form;
|
var table;
|
var upload;
|
var recordData = null;// 业务数据信息
|
var img1, img2, img3;// 页面中的图片上传名称
|
|
$(function () {
|
layui.use(['layer', 'laydate', 'form','table', 'upload'], function () {
|
upload = layui.upload;
|
layer = layui.layer;
|
form = layui.form;
|
table = layui.table;
|
|
//监听选择数据事件
|
table.on('tool(tableListProgressData)', function (obj) {
|
var data = obj.data;
|
if (obj.event === 'select') {
|
//清空表单
|
resetForm();
|
flushData(data.id, null);
|
$("#listProgressData").css("display", "none");
|
layer.closeAll();
|
}
|
});
|
|
//上传
|
upload.render({
|
elem: '#kccz-r-btn1',
|
url: '/basic/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: '/basic/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: '/basic/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("图片上传成功！");
|
}
|
});
|
|
});
|
|
//显示流程环节
|
updateEditAndProgress();
|
});
|
|
/**
|
* 手动选择，获取待称重的数据，弹出选择
|
*/
|
function selectByHand() {
|
var param = {
|
deptId: deptId,
|
type: type,
|
progress: curProgress,
|
timer: Math.random()
|
};
|
$.ajax({
|
type: "POST",
|
url: "/basic/inout/list-handle-data",
|
dataType: "json",
|
contentType: "application/json;charset=UTF-8",
|
data: JSON.stringify(param),
|
success: function (result) {
|
if (result.code != "0000") {
|
layer.msg(result.msg);
|
} else {
|
renderTableProgressData(result.data);
|
}
|
},
|
error: function () {
|
layer.msg("系统获取数据出现异常，重新尝试");
|
}
|
});
|
}
|
|
|
/**
|
* 车辆选择弹窗
|
* @param list
|
*/
|
function renderTableProgressData(list) {
|
// 清空数据
|
$("#tableListProgressData").empty();
|
layer.open({
|
type: 1,
|
title: "选择值仓中车辆",
|
offset: ['240px', '100px'],
|
area: ['1000px', '560px'],
|
cancel: function (index, layero) {
|
$("#listProgressData").css("display", "none");
|
},
|
shade: 0,
|
scrollbar: 0,
|
content: $('#listProgressData'),
|
closeBtn: 1
|
});
|
table.render({
|
elem: '#tableListProgressData',
|
data: list,
|
page: false,
|
even: true,
|
cols: [[
|
{
|
type: 'numbers',
|
title: '序号'
|
}, {
|
field: 'id',
|
title: '单据号',
|
align: 'center'
|
}, {
|
field: 'userName',
|
title: '承运人',
|
align: 'center'
|
}, {
|
field: 'plateNum',
|
title: '车牌号',
|
align: 'center'
|
}, {
|
field: 'progress',
|
title: '流程进度',
|
align: 'center',
|
style: 'font-weight: bold',
|
templet: function (item) {
|
return INOUT_PROGRESS_MSG(item.progress);
|
}
|
}, {
|
fixed: 'right',
|
title: '选择操作',
|
align: 'center',
|
toolbar: '#barSelectProgress'
|
}
|
]]
|
});
|
$("thead tr").css({
|
"border-bottom": "2px solid #53adce",
|
"background": "#eff4f6"
|
});
|
}
|
|
// 表单清空
|
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;
|
$("#text-param").val(null);
|
}
|
|
/**
|
* 页面刷新
|
*/
|
function flushPage() {
|
layer.confirm('确定要刷新页面吗？', {icon: 3, title: '提示'}, function (index) {
|
resetForm();
|
layer.close(index);
|
});
|
}
|
|
/**
|
* 查询数据
|
* @param id
|
* @param plateNum
|
*/
|
function flushData(id, plateNum) {
|
var index = layer.load();
|
var param = {
|
type: type,
|
progress: curProgress,
|
id: id,
|
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();
|
|
updateEditAndProgress();
|
}
|
},
|
error: function () {
|
layer.close(index);
|
alertError("查询失败，请重新尝试");
|
}
|
});
|
}
|
|
// 当前完成
|
function submit() {
|
if (!recordData) {
|
alertError("没有业务数据信息，执行被拒绝");
|
return;
|
}
|
var data = form.val("form-data");
|
//合并数据
|
Object.assign(recordData, data);
|
// 获取照片
|
var files = [{
|
fileName: img1
|
}, {
|
fileName: img2
|
}, {
|
fileName: img3
|
}];
|
recordData.files = files;
|
|
var index = layer.load();
|
$.ajax({
|
type: "POST",
|
url: "/basic/inout/submit-handle",
|
dataType: "json",
|
contentType: "application/json;charset=UTF-8",
|
data: JSON.stringify(recordData),
|
success: function (result) {
|
layer.close(index);
|
if (result.code != "0000") {
|
notify(result.msg, result.data);
|
} else {
|
notify("数据提交成功", result.data);
|
resetForm();
|
}
|
},
|
error: function () {
|
layer.close(index);
|
alertError("提交失败，请重新尝试");
|
}
|
});
|
}
|
|
/**
|
* 根据业务数据更新页面中的状态
|
*/
|
function updateEditAndProgress() {
|
//显示当前流程
|
if (type === "IN") {
|
$("#rk-progress-register").addClass("active");
|
$("#rk-progress-fullWeight").addClass("active");
|
$("#rk-progress-hand").addClass("active");
|
$("#rk-progress-emptyWeight").removeClass("active");
|
}
|
if (type === "OUT") {
|
$("#ck-progress-register").addClass("active");
|
$("#ck-progress-emptyWeight").addClass("active");
|
$("#ck-progress-hand").addClass("active");
|
$("#ck-progress-fullWeight").removeClass("active");
|
}
|
//流程显示
|
if (inoutProgress) {
|
if (inoutProgress.indexOf("REGISTER") === -1) {
|
$("#rk-progress-register").css("display", "none");
|
$("#ck-progress-register").css("display", "none");
|
}
|
if (inoutProgress.indexOf("WEIGHT_FULL") === -1) {
|
$("#rk-progress-fullWeight").css("display", "none");
|
$("#ck-progress-fullWeight").css("display", "none");
|
}
|
if (inoutProgress.indexOf("HANDLE") === -1) {
|
$("#rk-progress-hand").css("display", "none");
|
$("#ck-progress-hand").css("display", "none");
|
}
|
if (inoutProgress.indexOf("WEIGHT_EMPTY") === -1) {
|
$("#rk-progress-emptyWeight").css("display", "none");
|
$("#ck-progress-emptyWeight").css("display", "none");
|
}
|
if (inoutProgress.indexOf("CARD_BACK") === -1) {
|
$("#rk-progress-cardBack").css("display", "none");
|
$("#ck-progress-cardBack").css("display", "none");
|
}
|
|
if (type === "IN") {
|
$("#rk_progress").css("display", "block");
|
$("#ck_progress").css("display", "none");
|
}
|
if (type === "OUT") {
|
$("#ck_progress").css("display", "block");
|
$("#rk_progress").css("display", "none");
|
}
|
}
|
}
|
|
/**
|
* 弹出提醒框
|
* @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));
|
}
|
|
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']});
|
}
|
}
|
