var layer;
|
var form;
|
var table;
|
var element;
|
var quantityData;
|
var quantityDto;
|
var player;
|
var warnList;
|
var timer;
|
$(function () {
|
layui.use(['layer', 'laydate', 'form', 'table', 'element'], function () {
|
element = layui.element;
|
form = layui.form;
|
layer = layui.layer;
|
table = layui.table;
|
form.render();
|
// 监听仓库选择
|
form.on('select(select_depotId)', function (obj) {
|
depotId = $("#depotId").val();
|
|
flushQuantity();
|
getCamera();
|
flushWarnData();
|
});
|
|
|
// 初始化WebSocket
|
initWS(deptId, bizType,null, userId);
|
|
//初始粮面图
|
render3D();
|
});
|
});
|
|
//页面初始化后调整背景图片
|
window.onload = function () {
|
// if (depotId) {
|
// $("#depotId").val(depotId);
|
// form.render();
|
// getCamera();
|
// }
|
};
|
|
/**
|
* 获取摄像头
|
*/
|
function getCamera() {
|
if (!depotId) {
|
layer.msg("请先选择仓库！");
|
return;
|
}
|
var data = {
|
depotId: depotId
|
};
|
$.ajax({
|
type: "POST",
|
url: "../../basic/quantity/quantity-camera",
|
dataType: "json",
|
contentType: "application/json;charset=UTF-8",
|
data: JSON.stringify(data),
|
success: function (result) {
|
if (result.code != "0000") {
|
layer.msg(result.msg,
|
{time: 3000, shift: 5, offset: "rb"},
|
function () {
|
});
|
} else {
|
quantityDto = result.data;
|
// 信息赋值
|
openVideo();
|
layer.msg("获取摄像头成功……",
|
{time: 3000, shift: 5, offset: "rb"},
|
function () {
|
});
|
}
|
},
|
error: function () {
|
layer.msg("根据当前条件获取数据失败！！");
|
}
|
});
|
}
|
|
/**
|
* 播放
|
*/
|
function openVideo() {
|
|
console.log(quantityDto);
|
|
var htm = "";
|
if (PlayType.VLC == quantityDto.playType) {
|
htm = "<object type='application/x-vlc-plugin' "
|
+ "events='true' width='100%' height='100%'"
|
+ "pluginspage='http://www.videolan.org'"
|
+ "th:codebase='@{../../static/plugins/vlc/npapi-vlc-2.2.2.tar.xz}'>"
|
+ "<param name='mrl' value='" + quantityDto.mediaAddr + "'/>"
|
+ "<param name='volume' value='50'/>"
|
+ "<param name='autoplay' value='true'/>"
|
+ "<param name='loop' value='false'/>"
|
+ "<param name='fullscreen' value='true'/>"
|
+ "<param name='toolbar' value='false'/>" + "</object>";
|
}
|
|
if (quantityDto.playAddr && PlayType.MEDIA_EASY == quantityDto.playType) {
|
htm = "<easy-player id='easyPlayer' live=true' show-custom-button='true' auto-play='true' muted='true'"
|
+ " video-url='" + quantityDto.playAddr + "'"
|
+ "></easy-player>";
|
//定时器-保活直播
|
if (timer) clearInterval(timer);
|
timer = setInterval(function () {
|
keepAlive();
|
}, 15*1000);
|
}
|
|
if (quantityDto.playAddr && PlayType.MEDIA == quantityDto.playType) {
|
htm = "<easy-player id='easyPlayer' live=true' show-custom-button='true' auto-play='true' muted='true'"
|
+ " video-url='" + quantityDto.playAddr + "'"
|
+ "></easy-player>";
|
}
|
|
$("#quantity_video").html(htm);
|
}
|
|
// socket信息返回處理
|
function socketOnMessage(pocket) {
|
if (pocket.orderResp == "MSG_SUCCESS") {// 信息解析成功刷新当前数据
|
flushQuantity();
|
}
|
// 表示是执行进度信息
|
if (pocket.orderResp == "ORDER_INPROGRESS") {
|
window.parent.sysNotify(pocket.data.msg);
|
layer.msg(pocket.data.msg, {
|
time: 3000 //20s后自动关闭
|
// ,offset: 'rb'
|
});
|
}
|
};
|
|
// 刷新数据
|
function flushQuantity() {
|
// depotId = $("#depotId").val();
|
if (!depotId) {
|
layer.msg("请先选择仓库！");
|
return;
|
}
|
var d = {
|
depotId: depotId,
|
};
|
$.ajax({
|
type: "POST",
|
url: "../../basic/quantity/query-data",
|
dataType: "json",
|
contentType: "application/json;charset=UTF-8",
|
data: JSON.stringify(d),
|
success: function (result) {
|
quantityData = result.data;
|
data = quantityData.points;
|
// 信息赋值
|
renderQuantityInfo();
|
if(data){
|
render3D();
|
}
|
|
// layer.msg("更新成功……");
|
},
|
error: function () {
|
layer.msg("根据当前条件获取数据失败！！");
|
}
|
});
|
};
|
|
/**
|
* 刷新警告数据
|
*/
|
function flushWarnData(){
|
var data = {
|
depotId: depotId,
|
};
|
$.ajax({
|
type: "POST",
|
url: "../../basic/quantity/quantity-warn",
|
dataType: "json",
|
contentType: "application/json;charset=UTF-8",
|
data: JSON.stringify(data),
|
success: function (result) {
|
warnList = result.data;
|
// 信息赋值
|
// layer.msg("获取数据成功……");
|
renderWarnInfo();
|
},
|
error: function () {
|
layer.msg("根据当前条件获取数据失败！！");
|
}
|
});
|
}
|
|
/**
|
* 渲染警告数据
|
*/
|
function renderWarnInfo(){
|
if(warnList){
|
var html = "";
|
for(var i = 0;i < warnList.length;i++){
|
html += "<tr>\n" +
|
"<td>" + warnList[i].name + "</td>\n" +
|
"<td><span> " + warnList[i].time + "</span></td>\n" +
|
"</tr>";
|
}
|
$("#warnList").html(html);
|
}
|
}
|
|
// 填写粮情信息
|
function renderQuantityInfo() {
|
if (!quantityData) {
|
return;
|
}
|
// 配置仓库卡片信息
|
var depotData = quantityData.depotData;
|
$("#depotTypeName").text(depotData.depotTypeName);
|
$("#storeKeeperName").text(depotData.storeKeeperName);
|
$("#storageReal").text(depotData.storageReal);
|
$("#foodVarietyName").text(depotData.foodVarietyName);
|
$("#foodLevelName").text(depotData.foodLevelName);
|
$("#foodTypeName").text(depotData.foodTypeName);
|
$("#foodYear").text(depotData.foodYear);
|
$("#bulk").text(quantityData.bulk);
|
$("#weight").text(quantityData.weight);
|
$("#receiveDate").text(quantityData.receiveDate);
|
if (quantityData.points) {
|
data = JSON.parse(quantityData.points);
|
render3D();
|
}
|
}
|
|
function checkQuantity() {
|
if (!depotId) {
|
layer.msg("请先选择仓库！");
|
return;
|
}
|
layer.msg("开始执行……");
|
var data = {
|
'depotId': depotId
|
};
|
$.ajax({
|
type: "POST",
|
url: "../../basic/quantity/check-single",
|
dataType: "json",
|
contentType: "application/json;charset=UTF-8",
|
data: JSON.stringify(data),
|
success: function (result) {
|
if (result.code != "ORDER_SUCCESS") {
|
if (result.msg) {
|
layer.msg(result.msg);
|
} else {
|
layer.msg("执行出现异常，请重试或联系管理员");
|
}
|
} else {
|
layer.msg("命令已经成功发送，待终端响应……");
|
}
|
},
|
error: function () {
|
layer.msg("检测出现异常，执行失败！");
|
}
|
});
|
}
|
|
function closeWarn() {
|
if (!depotId) {
|
layer.msg("请先选择仓库！");
|
return;
|
}
|
layer.msg("开始执行……");
|
var data = {
|
'depotId': depotId
|
};
|
$.ajax({
|
type: "POST",
|
url: "../../basic/quantity/close-warn",
|
dataType: "json",
|
contentType: "application/json;charset=UTF-8",
|
data: JSON.stringify(data),
|
success: function (result) {
|
if (result.code != "ORDER_SUCCESS") {
|
if (result.msg) {
|
layer.msg(result.msg);
|
} else {
|
layer.msg("执行出现异常，请重试或联系管理员");
|
}
|
} else {
|
layer.msg("命令已经成功发送，待响应……");
|
}
|
},
|
error: function () {
|
layer.msg("检测出现异常，执行失败！");
|
}
|
});
|
}
|
|
|
//--------------------------视频管理------------------------//
|
/**
|
* 保活，msg参数为了防止浏览器缓存
|
*/
|
function keepAlive() {
|
var data = {
|
playType: quantityDto.playType,
|
sn: quantityDto.cameraSn,
|
ip: quantityDto.ip,
|
msg: Math.random()
|
};
|
$.ajax({
|
type: 'POST',
|
url: "../../basic/security/keep-alive",
|
dataType: 'JSON',
|
contentType: "application/json;charset=UTF-8",
|
data: JSON.stringify(data),
|
success: function (result) {
|
},
|
error: function (result) {
|
}
|
});
|
}
|
|
/**
|
* 播放还是暂停
|
*/
|
function playStop() {
|
var videL = $('#easyPlayer');
|
if (videL.paused) {
|
videL.play();
|
} else {
|
videL.pause();
|
}
|
}
|
/**
|
* 云台控制 -转向控制
|
* @param tag 执行命令 1=上，2=下，3=左，4=右，5=左上，6=左下，7=右上，8=右下，0=停止，9=变倍小，10 = 变倍加
|
*
|
*/
|
function mouseDownPTZControl(tag) {
|
|
layer.msg("开始调用云平台……",
|
{time: 3000, shift: 5, offset: "rb"},
|
function () {
|
});
|
|
var data = {
|
playType: quantityDto.playType,
|
sn: quantityDto.cameraSn,
|
ip:quantityDto.ip,
|
portV:quantityDto.portWeb,
|
loginId:quantityDto.loginId,
|
pwd:quantityDto.pwd,
|
command: tag
|
};
|
var url = "";
|
if (PlayType.VLC == quantityDto.playType) {
|
url = "../../basic/security/ptz-onvif"
|
}
|
if (PlayType.MEDIA_EASY == quantityDto.playType) {
|
url = "../../basic/security/ptz-media"
|
}
|
$.ajax({
|
type: 'POST',
|
url: url,
|
dataType: 'JSON',
|
contentType: "application/json;charset=UTF-8",
|
data: JSON.stringify(data),
|
success: function (result) {
|
if ("ERROR" == result.code) {
|
layer.msg(result.msg,
|
{time: 3000, shift: 5, offset: "rb"},
|
function () {
|
});
|
} else {
|
layer.msg("执行成功……",
|
{time: 3000, shift: 5, offset: "rb"},
|
function () {
|
});
|
}
|
},
|
error: function (result) {
|
layer.msg(result.msg,
|
{time: 3000, shift: 5, offset: "rb"},
|
function () {
|
});
|
}
|
});
|
}
|
|
/**
|
* 云台控制 -转向停止
|
* @param tag
|
*/
|
function mouseUpPTZControl() {
|
|
var data = {
|
playType: quantityDto.playType,
|
sn: quantityDto.cameraSn,
|
ip:quantityDto.ip,
|
portV:quantityDto.portWeb,
|
loginId:quantityDto.loginId,
|
pwd:quantityDto.pwd,
|
command: "0"
|
};
|
var url = "";
|
if (PlayType.VLC == quantityDto.playType) {
|
url = "../../basic/security/ptz-onvif"
|
}
|
if (PlayType.MEDIA_EASY == quantityDto.playType) {
|
url = "../../basic/security/ptz-media"
|
}
|
$.ajax({
|
type: 'POST',
|
url: url,
|
dataType: 'JSON',
|
contentType: "application/json;charset=UTF-8",
|
data: JSON.stringify(data),
|
success: function (result) {
|
if ("ERROR" == result.code) {
|
layer.msg(result.msg,
|
{time: 3000, shift: 5, offset: "rb"},
|
function () {
|
});
|
}
|
},
|
error: function (result) {
|
layer.msg(result.msg,
|
{time: 3000, shift: 5, offset: "rb"},
|
function () {
|
});
|
}
|
});
|
}
|
|
/**
|
* 云台控制 -预置位置调用
|
*/
|
function clickGoPreset() {
|
layer.msg("开始调用云平台……",
|
{time: 3000, shift: 5, offset: "rb"},
|
function () {
|
});
|
|
var preset = $("#preset").val();
|
var data = {
|
playType: quantityDto.playType,
|
sn: quantityDto.cameraSn,
|
ip:quantityDto.ip,
|
portV:quantityDto.portWeb,
|
loginId:quantityDto.loginId,
|
pwd:quantityDto.pwd,
|
command: "2",
|
preset: preset
|
};
|
var url = "";
|
if (PlayType.VLC == quantityDto.playType) {
|
url = "../../basic/security/preset-onvif"
|
}
|
if (PlayType.MEDIA_EASY == quantityDto.playType) {
|
url = "../../basic/security/video-preset"
|
}
|
$.ajax({
|
type: 'POST',
|
url: url,
|
dataType: 'JSON',
|
contentType: "application/json;charset=UTF-8",
|
data: JSON.stringify(data),
|
success: function (result) {
|
if ("ERROR" == result.code) {
|
layer.msg(result.msg,
|
{time: 3000, shift: 5, offset: "rb"},
|
function () {
|
});
|
} else {
|
layer.msg("执行成功……",
|
{time: 3000, shift: 5, offset: "rb"},
|
function () {
|
});
|
}
|
},
|
error: function (result) {
|
layer.msg(result.msg,
|
{time: 3000, shift: 5, offset: "rb"},
|
function () {
|
});
|
}
|
});
|
}
|
|
/**
|
* PTZZoomout 变倍 +
|
* @constructor
|
*/
|
function PTZZoomout() {
|
|
layer.msg("开始调用云平台……",
|
{time: 3000, shift: 5, offset: "rb"},
|
function () {
|
});
|
|
var data = {
|
playType: quantityDto.playType,
|
sn: quantityDto.cameraSn,
|
ip:quantityDto.ip,
|
portV:quantityDto.portWeb,
|
loginId:quantityDto.loginId,
|
pwd:quantityDto.pwd,
|
command: "10"
|
};
|
var url = "";
|
if (PlayType.VLC == quantityDto.playType) {
|
url = "../../basic/security/ptz-onvif"
|
}
|
if (PlayType.MEDIA_EASY == quantityDto.playType) {
|
url = "../../basic/security/ptz-media"
|
}
|
$.ajax({
|
type: 'POST',
|
url: url,
|
dataType: 'JSON',
|
contentType: "application/json;charset=UTF-8",
|
data: JSON.stringify(data),
|
success: function (result) {
|
if ("ERROR" == result.code) {
|
layer.msg(result.msg,
|
{time: 3000, shift: 5, offset: "rb"},
|
function () {
|
});
|
} else {
|
layer.msg("执行成功……",
|
{time: 3000, shift: 5, offset: "rb"},
|
function () {
|
});
|
}
|
},
|
error: function (result) {
|
layer.msg(result.msg,
|
{time: 3000, shift: 5, offset: "rb"},
|
function () {
|
});
|
}
|
});
|
}
|
|
/**
|
* PTZZoomout 变倍 -
|
* @constructor
|
*/
|
function PTZZoomIn() {
|
|
layer.msg("开始调用云平台……",
|
{time: 3000, shift: 5, offset: "rb"},
|
function () {
|
});
|
|
var data = {
|
playType: quantityDto.playType,
|
sn: quantityDto.cameraSn,
|
ip:quantityDto.ip,
|
portV:quantityDto.portWeb,
|
loginId:quantityDto.loginId,
|
pwd:quantityDto.pwd,
|
command: "9"
|
};
|
var url = "";
|
if (PlayType.VLC == quantityDto.playType) {
|
url = "../../basic/security/ptz-onvif"
|
}
|
if (PlayType.MEDIA_EASY == quantityDto.playType) {
|
url = "../../basic/security/ptz-media"
|
}
|
$.ajax({
|
type: 'POST',
|
url: url,
|
dataType: 'JSON',
|
contentType: "application/json;charset=UTF-8",
|
data: JSON.stringify(data),
|
success: function (result) {
|
if ("ERROR" == result.code) {
|
layer.msg(result.msg,
|
{time: 3000, shift: 5, offset: "rb"},
|
function () {
|
});
|
} else {
|
layer.msg("执行成功……",
|
{time: 3000, shift: 5, offset: "rb"},
|
function () {
|
});
|
}
|
},
|
error: function (result) {
|
layer.msg(result.msg,
|
{time: 3000, shift: 5, offset: "rb"},
|
function () {
|
});
|
}
|
});
|
}
|
|
/**
|
* PTZZoomout 变倍停止
|
* @constructor
|
*/
|
function PTZZoomStop() {
|
}
|
