var url = null;
|
var dateTime;
|
var warnList = null;
|
var data = {
|
"interfaceId": "5801",
|
"tokenAuth": "",
|
"outId": "58011",
|
"reqDateTime": new Date(),
|
"data": {
|
"deptId": "",
|
"dataTime": ""
|
}
|
};
|
var dataPop = {
|
"interfaceId": "5802",
|
"tokenAuth": "",
|
"outId": "58021",
|
"reqDateTime": new Date(),
|
"data": {
|
"id": "",
|
"status": "",
|
"remark": "",
|
"completeUser":""
|
}
|
};
|
|
function init() {
|
|
console.log("init")
|
var user = JSON.parse(localStorage.getItem('user'));
|
var selectDeptId = JSON.parse(localStorage.getItem('selectDeptId'));
|
data.tokenAuth = user.tokenAuth;
|
dataPop.tokenAuth = user.tokenAuth;
|
data.data.deptId = selectDeptId;
|
dataPop.data.completeUser = user.cname
|
url = user.url + "/api/phone/v35/gateway";
|
|
dateTime = getDate(new Date())
|
document.getElementById("date").value = dateTime
|
|
//获取警告记录
|
getWarnList();
|
|
}
|
|
|
//获取警告记录
|
function getWarnList() {
|
warnData = null;
|
//赋值参数的日期
|
data.data.dateTime = dateTime;
|
//请求
|
mui.ajax(url, {
|
type: "POST",
|
dataType: "json",
|
crossDomain: true,
|
contentType: "application/json;charset=utf-8",
|
data: JSON.stringify(data),
|
success: function(result) {
|
if (result.code == "0000") {
|
warnList = result.data;
|
renderWarn();
|
} else {
|
renderWarn();
|
mui.toast(result.msg);
|
console.log(JSON.stringify(result))
|
}
|
},
|
error: function() {
|
mui.alert("系统繁忙,请重试！", "提示", ["确定"], function() {}, "div")
|
}
|
})
|
|
}
|
|
|
//默认获取当天日期(yyyy-MM-dd)
|
function getDate() {
|
var date = new Date();
|
var year = date.getFullYear();
|
var month, day;
|
month = date.getMonth() + 1;
|
if (month >= 1 && month <= 9) {
|
month = "0" + month;
|
}
|
day = date.getDate();
|
if (day >= 1 && day <= 9) {
|
day = "0" + day;
|
}
|
return year + "-" + month + "-" + day
|
}
|
//默认获取当前日期(yyyy-MM-dd)
|
function getDate(date) {
|
var year = date.getFullYear();
|
var month, day;
|
month = date.getMonth() + 1;
|
if (month >= 1 && month <= 9) {
|
month = "0" + month;
|
}
|
day = date.getDate();
|
if (day >= 1 && day <= 9) {
|
day = "0" + day;
|
}
|
return year + "-" + month + "-" + day;
|
}
|
|
//加减天数
|
function addAndReduceMonth(tag) {
|
var date = new Date(dateTime);
|
date = date.setDate(date.getDate() + tag);
|
date = new Date(date);
|
dateTime = getDate(date);
|
document.getElementById("date").value = dateTime
|
//获取警告记录
|
getWarnList();
|
}
|
|
function chooseDate() {
|
var dtpicker = new mui.DtPicker({
|
type: "date", //设置日历初始视图模式
|
// beginDate: new Date(2015, 04, 25), //设置开始日期
|
// endDate: new Date(2016, 04, 25), //设置结束日期
|
value: dateTime
|
})
|
var time = dateTime
|
dtpicker.show(function(e) {
|
dateTime = e.value;
|
document.getElementById("date").value = e.value
|
if(time != dateTime){
|
getWarnList();
|
}
|
})
|
}
|
|
//渲染页面
|
function renderWarn() {
|
var html = '';
|
if (warnList && warnList.length > 0) {
|
$.each(warnList, function(index, item) {
|
html += '<li><div class="con myfancy" id="'+item.id+'" remark="'+(item.remark == null ? "" : item.remark) +'" status="'+item.status+'" >';
|
if (item.status == '10') {
|
html += '<span class="type">未处理</span>';
|
}else if (item.status == '20') {
|
html += '<span class="type k">处理延迟</span>';
|
}else if (item.status == '30') {
|
html += '<span class="type k">已处理</span>';
|
}else if (item.status == '40') {
|
html += '<span class="type k">忽略</span>';
|
}
|
html += '<div class="tit">警告名称: <span>' + item.name + '</span></div>';
|
html += '<div class="txt">';
|
html += '<div class="box"><div class="group c"><div class="desc">' + item.type +
|
'</div><div class="ort">警告类型</div></div></div>';
|
html += '<div class="box"><div class="group c1"><div class="desc">' + (item.depotName == null ||
|
item.depotName == "" ? "--" : item.depotName) +
|
'</div><div class="ort">仓库名称</div></div></div>';
|
if (item.level == '01') {
|
html +=
|
'<div class="box"><div class="group level-2"><div class="desc">一级预警</div><div class="ort">警告级别</div></div></div></div>';
|
}else if (item.level == '02') {
|
html +=
|
'<div class="box"><div class="group level-1"><div class="desc">二级预警</div><div class="ort">警告级别</div></div></div></div>';
|
}else if(item.level == '03'){
|
html +=
|
'<div class="box"><div class="group level-1"><div class="desc">三级预警</div><div class="ort">警告级别</div></div></div></div>';
|
}else {
|
html +=
|
'<div class="box"><div class="group level-1"><div class="desc">--</div><div class="ort">警告级别</div></div></div></div>';
|
}
|
|
html += '<div class="tit coation">警告内容: <span>' + (item.info == null ||
|
item.info == "" ? "......" : item.info)+ '</span></div>';
|
html += '<div class="time">' + item.time + '</div></div></li>';
|
})
|
} else {
|
html += '<li><div class="con myfancy" id="0" remark="暂无警告信息" status="30">';
|
html += '<span class="type k">已处理</span>';
|
html += '<div class="tit">警告名称: <span>暂无警告信息</span></div>';
|
html += '<div class="txt">';
|
html += '<div class="box"><div class="group c"><div class="desc">--</div><div class="ort">警告类型</div></div></div>';
|
html += '<div class="box"><div class="group c1"><div class="desc">--</div><div class="ort">仓库名称</div></div></div>';
|
html += '<div class="box"><div class="group level-1"><div class="desc">无</div><div class="ort">警告级别</div></div></div></div>';
|
html += '<div class="tit coation">警告内容: <span>无警告内容</span></div>';
|
html += '<div class="time">'+dateTime+'</div></div></li>';
|
// html +=
|
// '<li><div class="con myfancy" style="text-align: center;font-size: 20px;color:#dd524d">暂无警告信息</div></li>';
|
}
|
$("#recordList").html(html);
|
}
|
|
|
//打开弹窗
|
mui(".mui-scroll-wrapper").on("tap", ".m-caution-mana ul li .myfancy", function() {
|
var warnId = this.getAttribute("id");
|
var status = this.getAttribute("status");
|
var remark = this.getAttribute("remark");
|
dataPop.data.id = warnId;
|
var html = ''
|
if (status == '10') {
|
html += '<div type="button" class="mui-btn cancel" onclick="handleWarn(\'' + 1 + '\')">忽略</div>'
|
html += '<div type="button" class="mui-btn confirm" onclick="handleWarn(\'' + 2 + '\')">处理</div>'
|
}
|
$("#handleWarn").html(html);
|
document.getElementById("textareaPop").value = remark;
|
$('#m-pop').css('display', 'flex');
|
})
|
|
// //打开弹窗
|
// function openPop(warnId, remark, status) {
|
// dataPop.data.id = warnId;
|
// var html = ''
|
// if (status == '10') {
|
// html += '<div type="button" class="mui-btn cancel" onclick="handleWarn(\'' + 1 + '\')">忽略</div>'
|
// html += '<div type="button" class="mui-btn confirm" onclick="handleWarn(\'' + 2 + '\')">处理</div>'
|
// }
|
// $("#handleWarn").html(html);
|
// document.getElementById("textareaPop").value = remark;
|
// $('#m-pop').css('display', 'flex');
|
// }
|
//警告处理
|
function handleWarn(tag) {
|
if (tag == "1") {
|
dataPop.data.status = '40'
|
// mui.toast("忽略警告");
|
}
|
if (tag == "2") {
|
dataPop.data.status = '30'
|
// mui.toast("警告处理");
|
}
|
dataPop.data.remark = document.getElementById("textareaPop").value;
|
console.log(JSON.stringify(dataPop.data),"warn-list")
|
//请求
|
mui.ajax(url, {
|
type: "POST",
|
dataType: "json",
|
crossDomain: true,
|
contentType: "application/json;charset=utf-8",
|
data: JSON.stringify(dataPop),
|
success: function(result) {
|
if (result.code == "0000") {
|
mui.toast(result.msg);
|
getWarnList();
|
// console.log(JSON.stringify(result))
|
} else {
|
mui.toast(result.msg);
|
getWarnList();
|
// console.log(JSON.stringify(result))
|
}
|
},
|
error: function() {
|
mui.alert("系统繁忙,请重试！", "提示", ["确定"], function() {}, "div")
|
}
|
})
|
closePop();
|
}
|
//关闭弹窗
|
function closePop() {
|
$("#m-pop").css('display', 'none');
|
}
|
$('.pop-bg,.m-pop .close').click(function(e) {
|
e.stopPropagation();
|
$('.m-pop').fadeOut();
|
});
|
|
|
//滑动
|
mui('.mui-scroll-wrapper').scroll({
|
indicators: true, //是否显示滚动条
|
deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏
|
bounce: false, //是否启用回弹
|
deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
|
});
|
