|
|
|
@ -8,6 +8,7 @@ |
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
|
|
|
<link rel="stylesheet" href="/static/lib/layui-v2.6.3/css/layui.css" media="all"> |
|
|
|
<link rel="stylesheet" href="/static/css/public.css" media="all"> |
|
|
|
<link rel="stylesheet" href="/static/lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all"> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<div class="layuimini-container"> |
|
|
|
@ -83,6 +84,13 @@ |
|
|
|
</button> |
|
|
|
</script> |
|
|
|
|
|
|
|
<div id="showImportData" |
|
|
|
style="height: 500px;width: 500px;position: absolute;overflow: auto;top: 10%;left: 25%;background: #ffffff;z-index: 1231234;display: none"> |
|
|
|
<div onclick="closeShowDataMessage()" style="position: absolute; right: 0; top: 2%; cursor: pointer;"> |
|
|
|
<i class="fa fa-window-close-o"></i> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script> |
|
|
|
@ -99,6 +107,16 @@ |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
function closeShowDataMessage() { |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
let socket; |
|
|
|
|
|
|
|
let newIndexShade; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
layui.use(['form', 'table', 'upload'], function () { |
|
|
|
var $ = layui.jquery, |
|
|
|
form = layui.form, |
|
|
|
@ -483,7 +501,51 @@ |
|
|
|
re += show |
|
|
|
} |
|
|
|
|
|
|
|
layer.open({ |
|
|
|
if ("WebSocket" in window) { |
|
|
|
socket = new WebSocket('ws://127.0.0.1:11111/webSocket/300450'); |
|
|
|
switch (socket.readyState) { |
|
|
|
case WebSocket.CONNECTING: |
|
|
|
// 连接中 |
|
|
|
socket.onopen = function () { |
|
|
|
console.log("连接成功") |
|
|
|
}; |
|
|
|
break; |
|
|
|
case WebSocket.OPEN: |
|
|
|
// 连接成功 |
|
|
|
break; |
|
|
|
case WebSocket.CLOSING: |
|
|
|
// 连接正在关闭。 |
|
|
|
break; |
|
|
|
case WebSocket.CLOSED: |
|
|
|
// 连接关闭。 |
|
|
|
break; |
|
|
|
default: |
|
|
|
// this never happens |
|
|
|
break; |
|
|
|
} |
|
|
|
socket.addEventListener('message', function (event) { |
|
|
|
layer.close(newIndexShade); |
|
|
|
let shadeItem = '<div class="layui-layer-shade" id='+"layui-layer-shade-x"+newIndexShade+' times="753951" style="z-index:1231233; background-color: rgb(0, 0, 0); opacity: 0.8;"></div>'; |
|
|
|
if ($("#"+"layui-layer-shade-x"+newIndexShade).length <= 0) { |
|
|
|
$('body').append(shadeItem); |
|
|
|
} |
|
|
|
let jsonObject = JSON.parse(event.data); |
|
|
|
let re = ""; |
|
|
|
$("#showImportData").show(); |
|
|
|
for (let i = 0; i < jsonObject.length; i++) { |
|
|
|
var code = jsonObject[i]["code"] === null ? '' : jsonObject[i]["code"]; |
|
|
|
var mname = jsonObject[i]["mname"]; |
|
|
|
var version = jsonObject[i]["version"] === null ? '' : jsonObject[i]["version"]; |
|
|
|
var quantity = jsonObject[i]["quantity"]; |
|
|
|
var show = "<p style='color: #00FF00'>" + code + "， " + mname + "， " + version + "， 数量为" + quantity + "：通过" + "</p>"; |
|
|
|
re += show |
|
|
|
} |
|
|
|
$("#showImportData").append(re); |
|
|
|
}); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
newIndexShade = layer.open({ |
|
|
|
type: 1 |
|
|
|
, title: false //不显示标题栏 |
|
|
|
, closeBtn: false |
|
|
|
@ -502,9 +564,28 @@ |
|
|
|
type: "post", |
|
|
|
data: JSON.stringify({"result":"yes"}), |
|
|
|
dataType: "json", |
|
|
|
contentType: "application/json;charset=utf-8" |
|
|
|
contentType: "application/json;charset=utf-8", |
|
|
|
success: function () { |
|
|
|
if (socket !== null) { |
|
|
|
socket.close(); |
|
|
|
}else{ |
|
|
|
layer.close(index); |
|
|
|
} |
|
|
|
layer.alert("数据导入完成", { |
|
|
|
icon: 0, |
|
|
|
time: 1000 |
|
|
|
},function () { |
|
|
|
closeShowDataMessage(); |
|
|
|
table.reload('currentTableId', { |
|
|
|
url: '/material/findInventory', |
|
|
|
page: { |
|
|
|
curr: 1 |
|
|
|
} |
|
|
|
}, 'data'); |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
layer.close(index);//关闭当前页 |
|
|
|
|
|
|
|
} |
|
|
|
, btn2: function (index, layero) { |
|
|
|
@ -514,10 +595,17 @@ |
|
|
|
type: "post", |
|
|
|
data: JSON.stringify({"result":"no"}), |
|
|
|
dataType: "json", |
|
|
|
contentType: "application/json;charset=utf-8" |
|
|
|
contentType: "application/json;charset=utf-8", |
|
|
|
success: function () { |
|
|
|
if (socket !== null) { |
|
|
|
socket.close(); |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
} else { |
|
|
|
layer.msg(res.msg) |
|
|
|
} |
|
|
|
@ -534,6 +622,19 @@ |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
closeShowDataMessage = function () { |
|
|
|
$("#layui-layer-shade-x"+newIndexShade).remove(); |
|
|
|
$("#showImportData").hide(); |
|
|
|
$("#showImportData").empty(); |
|
|
|
if (socket !== null) { |
|
|
|
socket.close(); |
|
|
|
} |
|
|
|
}; |
|
|
|
|
|
|
|
}); |
|
|
|
</script> |
|
|
|
|
|
|
|
|
