var url = null;
|
var uploadUrl = null;
|
var quantityList = null;
|
var ImgFile = null;
|
var dateTime;
|
var length;
|
var currentImageIndex;
|
//电子巡更记录
|
var data = {
|
"interfaceId": "5207",
|
"outId": "10207",
|
"reqDateTime": new Date(),
|
"tokenAuth": "",
|
"data": {
|
"deptId": "",
|
"dateTime": "",
|
}
|
};
|
|
//巡更照片查看
|
var data2 = {
|
"interfaceId": "5208",
|
"outId": "10208",
|
"reqDateTime": new Date(),
|
"tokenAuth": "",
|
"data": {
|
"id": "",
|
}
|
};
|
|
function init() {
|
var user = JSON.parse(localStorage.getItem('user'));
|
var selectDeptId = JSON.parse(localStorage.getItem('selectDeptId'));
|
url = user.url + "/api/phone/v1/gateway";
|
data.tokenAuth = user.tokenAuth;
|
data2.tokenAuth = user.tokenAuth;
|
data.data.deptId = selectDeptId;
|
dateTime = getDate(new Date())
|
document.getElementById("date").value = dateTime;
|
//获取数量检测列表
|
getQuantityList()
|
|
}
|
|
//默认获取当前日期(yyyy-MM-dd)
|
function getDate(date) {
|
var year = date.getFullYear();
|
var month, day;
|
month = date.getMonth() + 1;
|
if (month > 0 && month <= 9) {
|
month = "0" + month;
|
}
|
day = date.getDate();
|
if (day > 0 && 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;
|
//获取数量检测列表
|
getQuantityList()
|
}
|
|
//选择日期
|
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) {
|
getQuantityList();
|
}
|
})
|
}
|
//获取数量检测列表
|
function getQuantityList() {
|
//赋值参数的日期
|
data.data.dateTime = dateTime;
|
console.log(JSON.stringify(data.data), "数量检测", "grain-quantity")
|
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") {
|
quantityList = result.data;
|
renderPatrol();
|
} else {
|
renderPatrol();
|
mui.toast(result.msg);
|
console.log(JSON.stringify(result))
|
}
|
},
|
error: function() {
|
mui.alert("系统繁忙,请重试!", "提示", ["确定"], function() {}, "div")
|
}
|
})
|
|
}
|
|
function renderPatrol() {
|
var html = '';
|
if (quantityList && quantityList.length > 0) {
|
$.each(quantityList, function(index, item) {
|
html += '<li><div class="item"><div class="top"><div class="text">'+item.deptName+'</div><div class="r-btn" id = '+item.batchId+'>过程抓拍</div></div>'
|
html += '<div class="top-tit"><div class="text">'+item.remark+'</div></div>';
|
html += '<div class="cards"><div class="cd"><div class="con user"><div class="tit">检测重量</div><div class="txt">'+item.weight+' KG</div></div></div>'
|
html += '<div class="cd"><div class="con loc"><div class="tit">时间</div><div class="txt">'+item.receiveDate+'</div></div></div></div></div></li>';
|
})
|
} else {
|
html += '<li><div class="item"><div class="top"><div class="text"> ----- </div><div class="r-btn">过程抓拍</div></div>'
|
html += '<div class="top-tit"><div class="text">检测重量为 --- KG,实际重量为 --- KG,误差小于-%。</div></div>';
|
html += '<div class="cards"><div class="cd"><div class="con user"><div class="tit">检测重量</div><div class="txt"> ---- KG</div></div></div>'
|
html += '<div class="cd"><div class="con loc"><div class="tit">时间</div><div class="txt"> -- </div></div></div></div></div></li>';
|
|
}
|
$("#recordList").html(html)
|
}
|
|
mui('.mui-scroll-wrapper').scroll({
|
indicators: true, //是否显示滚动条
|
deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏
|
bounce: false, //是否启用回弹
|
deceleration: 0.0005 //flick 减速系数,系数越大,滚动速度越慢,滚动距离越小,默认值0.0006
|
});
|
|
mui(".mui-content").on("tap", ".g-date_box .prev", function() {
|
var curDate = document.getElementById("date").value;
|
addAndReduceMonth(-1)
|
// document.getElementById("date").value = e.value
|
});
|
mui(".mui-content").on("tap", ".g-date_box .next", function() {
|
var curDate = document.getElementById("date").value;
|
addAndReduceMonth(1)
|
// document.getElementById("date").value = e.value
|
});
|
|
//查看照片
|
mui(".mui-content").on("tap", ".ul-cardb1 li .r-btn", function() {
|
var id = this.getAttribute('id');
|
data2.data.id = id;
|
mui.ajax(url, {
|
type: "POST",
|
dataType: "json",
|
crossDomain: true,
|
contentType: "application/json;charset=utf-8",
|
data: JSON.stringify(data2),
|
success: function(result) {
|
if (result.code == "0000") {
|
ImgFile = result.data;
|
length = ImgFile.length;
|
currentImageIndex = 0;
|
// 获取图片元素
|
const imgElement = document.getElementById('viewerImg');
|
// 更换src
|
imgElement.src = ImgFile[currentImageIndex].base64Img;
|
|
|
} else {
|
mui.toast(result.msg);
|
}
|
},
|
error: function() {
|
mui.alert("系统繁忙,请重试!", "提示", ["确定"], function() {}, "div")
|
}
|
})
|
$('.m-pop').css('display', 'flex');
|
});
|
//关闭照片
|
$('.pop-bg,.m-pop .close').click(function(e) {
|
e.stopPropagation();
|
$('.m-pop').fadeOut();
|
});
|
|
// 左右箭头事件
|
$('.left-arrow').on('click', showPrevImage(-1));
|
$('.right-arrow').on('click', showNextImage(1));
|
|
// 显示上一张图片
|
function showPrevImage(index) {
|
|
if(index>0){
|
currentImageIndex = (currentImageIndex + 1)%length;
|
}else{
|
currentImageIndex = (currentImageIndex - 1)%length;
|
}
|
if(currentImageIndex<0){
|
currentImageIndex = length-1;
|
}
|
const imgElement = document.getElementById('viewerImg');
|
// 更换src
|
imgElement.src = ImgFile[currentImageIndex].base64Img;
|
}
|
|
//数量检测
|
function patrolClock() {
|
|
console.log(latitude)
|
console.log(longitude)
|
data1.data.latitude = latitude;
|
data1.data.longitude = longitude
|
mui.ajax(url, {
|
type: "POST",
|
dataType: "json",
|
crossDomain: true,
|
contentType: "application/json;charset=utf-8",
|
data: JSON.stringify(data1),
|
success: function(result) {
|
if (result.code == "0000") {
|
// mui.toast(result.msg);
|
setInterval(getQuantityList(), 500)
|
} else {
|
mui.toast(result.msg);
|
}
|
},
|
error: function() {
|
mui.alert("系统繁忙,请重试!", "提示", ["确定"], function() {}, "div")
|
}
|
})
|
}
|