356 lines
12 KiB
JavaScript
356 lines
12 KiB
JavaScript
|
var startDateStr;
|
|||
|
|
var endDateStr;
|
|||
|
|
var ipStartTime;
|
|||
|
|
var ipEndTime;
|
|||
|
|
var lbStartTime;
|
|||
|
|
var lbEndTime;
|
|||
|
|
var inspectionList;
|
|||
|
|
var btnLocation;
|
|||
|
|
var btnClassification;
|
|||
|
|
var btnProcess;
|
|||
|
|
var emptyTips;
|
|||
|
|
|
|||
|
|
var current = 1;
|
|||
|
|
var size = 99999;
|
|||
|
|
var totalPages = 1;
|
|||
|
|
var startDate = 1;
|
|||
|
|
var endDate = 1;
|
|||
|
|
var roleId = $api.getStorage("roleId");
|
|||
|
|
var employeeId = $api.getStorage("employeeId");
|
|||
|
|
var isFinish = -1; // 默认选择未接单，3已完成，2巡检中，1未开始，0未接单 -1全部
|
|||
|
|
|
|||
|
|
var isLoading = false;
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 弹出提示框
|
|||
|
|
*/
|
|||
|
|
function toast(msg) {
|
|||
|
|
api.toast({
|
|||
|
|
msg: msg,
|
|||
|
|
duration: 3000,
|
|||
|
|
locaiton: 'top'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 清空巡检安排列表
|
|||
|
|
*/
|
|||
|
|
function clearInspectionList() {
|
|||
|
|
$("#inspectionList").empty();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 向界面中添加一条巡检安排
|
|||
|
|
* @param {*} record
|
|||
|
|
*/
|
|||
|
|
function addInspectionItem(record) {
|
|||
|
|
// var template = "<div class=\"alarm bg-touch\" data-alarm-id=\"{alarmId}\" data-order-id=\"{orderId}\"><div class=\"left\"><div class=\"icon-con\"><img src=\"../../image/black-pr-icon.png\"></div><div class=\"content font1\"><div class=\"pr-name-con\"><span class=\"pr-name\">{prName}</span> <img src=\"../../image/red-alarm-icon.png\"></div><div class=\"width100 ellipsis color-title\">{alarmDesc}</div></div></div><div class=\"right text-align-r\"><div class=\"color-title\">{time}</div><div class=\"height4\"></div><div class=\"text-{color}\">{status}</div></div></div>";
|
|||
|
|
// var template = '<div class="alarm" data-inspection-id=\"{inspectionId}\"><div class="left"><div class="icon-con"><img src="../../image/black-pr-icon.png"></div><div class="content font1"><div class="pr-name-con"><span class="pr-name">{prName}等共{prCount}个</span> </div><div class="width100 ellipsis color-red">共{inspectProblemCount}个设备缺陷</div></div></div><div class="right text-align-r"><div class="text-gray">{xjDate}</div><div class="height4"></div><div>{inspector}</div></div></div>'
|
|||
|
|
var prName = record.prName
|
|||
|
|
var prCount = record.prShuLiang
|
|||
|
|
var problemCount = record.xunJianWenTi
|
|||
|
|
var template = ''
|
|||
|
|
template +='<div class="inspection" data-inspection-id=\"{inspectionId}\">'
|
|||
|
|
template += '<div class="left">'
|
|||
|
|
template += '<div class="icon-con"><img src="../../image/black-pr-icon.png"></div>'
|
|||
|
|
template += '<div class="content font1">'
|
|||
|
|
template += '<div class="pr-name-con"><span class="pr-name">{prName}等共{prCount}个配电室</span> '
|
|||
|
|
template += '</div>'
|
|||
|
|
template += '<div class="width100 ellipsis color-red">共{inspectProblemCount}个设备缺陷</div>'
|
|||
|
|
template += '</div>'
|
|||
|
|
template += '</div>'
|
|||
|
|
template += '<div class="right text-align-r">'
|
|||
|
|
template += '<div class="text-gray">{xjDate}</div>'
|
|||
|
|
template += '<div class="height4"></div>'
|
|||
|
|
template += '<div>{inspector}</div>'
|
|||
|
|
template += '</div>'
|
|||
|
|
template +='</div>'
|
|||
|
|
|
|||
|
|
template = template.replace("{inspectionId}", record.id)
|
|||
|
|
.replace("{prName}", prName)
|
|||
|
|
.replace("{prCount}", prCount)
|
|||
|
|
.replace("{inspectProblemCount}", problemCount)
|
|||
|
|
.replace("{xjDate}", record.xunJianShiJian || '')
|
|||
|
|
.replace("{inspector}", record.jieDanRen || '')
|
|||
|
|
|
|||
|
|
inspectionList.append(template);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 查询巡检单列表
|
|||
|
|
*/
|
|||
|
|
function queryData() {
|
|||
|
|
api.showProgress();
|
|||
|
|
|
|||
|
|
if (startDateStr) {
|
|||
|
|
startDate = CommonModel.getFomattedDate((new Date(startDateStr.replace(/-/g, '/'))).getTime(), 'yyyy-MM-dd');
|
|||
|
|
} else {
|
|||
|
|
// 默认开始日期为当天
|
|||
|
|
startDate = CommonModel.getFomattedDate(new Date().getTime(), 'yyyy-MM-dd');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (endDateStr) {
|
|||
|
|
endDate = CommonModel.getFomattedDate((new Date(endDateStr.replace(/-/g, '/'))).getTime(), 'yyyy-MM-dd');
|
|||
|
|
} else {
|
|||
|
|
// 默认开始日期为当天
|
|||
|
|
endDate = CommonModel.getFomattedDate(new Date().getTime(), 'yyyy-MM-dd');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var url = '/test/xun-jian-dan/queryByListWithDate/'
|
|||
|
|
+ current + '/'
|
|||
|
|
+ size + '/'
|
|||
|
|
+ startDate + 'T' + endDate + '/'
|
|||
|
|
+ roleId + '/'
|
|||
|
|
+ employeeId + '/'
|
|||
|
|
+ isFinish;
|
|||
|
|
isLoading = true;
|
|||
|
|
api.showProgress({
|
|||
|
|
title: '载入中...',
|
|||
|
|
text: '请稍后',
|
|||
|
|
modal: false
|
|||
|
|
});
|
|||
|
|
$api.get(url, function(res, err) {
|
|||
|
|
isLoading = false;
|
|||
|
|
api.hideProgress();
|
|||
|
|
if (err) {
|
|||
|
|
toast("网络请求失败");
|
|||
|
|
} else {
|
|||
|
|
if (!res.code || res.code != "200" || !res.data) {
|
|||
|
|
toast("服务器响应错误" + (res.code ? ("，错误码：" + res.code) : ""));
|
|||
|
|
} else {
|
|||
|
|
var records = res.data.records
|
|||
|
|
totalPages = res.total;
|
|||
|
|
if (records.length && records.length > 0) {
|
|||
|
|
emptyTips.hide();
|
|||
|
|
for (var i = 0; i < records.length; i++) {
|
|||
|
|
var record = records[i];
|
|||
|
|
addInspectionItem(record);
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
//如果没有记录，则显示查询不到数据的提示
|
|||
|
|
emptyTips.show();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 初查询巡检单列表
|
|||
|
|
*/
|
|||
|
|
function getInspectionList() {
|
|||
|
|
clearInspectionList();
|
|||
|
|
queryData();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 巡检单创建完成 触发的事件处理
|
|||
|
|
function inspectionCreateChanged(ret, err) {
|
|||
|
|
getInspectionList();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
apiready = function() {
|
|||
|
|
var ctrl = {
|
|||
|
|
init: {},
|
|||
|
|
bind: {},
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
ctrl.init = function() {
|
|||
|
|
// 适配安卓状态栏
|
|||
|
|
CommonModel.fitInStatusBar();
|
|||
|
|
var searcherTop = $('#heightHeader').height();
|
|||
|
|
$('#searcher').css('top',searcherTop);
|
|||
|
|
//设置分页初始值
|
|||
|
|
currentPage = 1;
|
|||
|
|
totalPages = 1;
|
|||
|
|
//获取employeeId
|
|||
|
|
employeeId = $api.getStorage('employeeId');
|
|||
|
|
|
|||
|
|
ipStartTime = $("#ipStartTime");
|
|||
|
|
lbStartTime = $("#lbStartTime");
|
|||
|
|
ipEndTime = $("#ipEndTime");
|
|||
|
|
lbEndTime = $("#lbEndTime");
|
|||
|
|
inspectionList = $("#inspectionList");
|
|||
|
|
emptyTips = $("#empty-tips");
|
|||
|
|
|
|||
|
|
// 判断当前角色是否是组团长、客户站长、客户值长,控制新增按钮
|
|||
|
|
var isZTZ = $api.getStorage("isZTZ");
|
|||
|
|
var isKHZZ = $api.getStorage("isKHZZ");
|
|||
|
|
var isKHZBZ = $api.getStorage("isKHZBZ");
|
|||
|
|
if (isZTZ || isKHZZ || isKHZBZ) {
|
|||
|
|
$("#create-inspection-btn").show()
|
|||
|
|
} else {
|
|||
|
|
$("#create-inspection-btn").hide()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//巡检任务信息发生变化
|
|||
|
|
api.addEventListener({
|
|||
|
|
name: 'inspectionCreateChanged'
|
|||
|
|
}, inspectionCreateChanged);
|
|||
|
|
|
|||
|
|
ctrl.bind();
|
|||
|
|
|
|||
|
|
getInspectionList();
|
|||
|
|
}
|
|||
|
|
ctrl.bind = function() {
|
|||
|
|
var height = $(window).height() - $("header").height() - $(".fix-top").height();
|
|||
|
|
$(".inspectionList-content").css("height", height);
|
|||
|
|
//点击返回按钮
|
|||
|
|
$api.addEvt($api.dom("#back"), "touchend", function() {
|
|||
|
|
api.closeWin();
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
// 点击“全部”
|
|||
|
|
$("#all").on("touchend", function() {
|
|||
|
|
isFinish = -1
|
|||
|
|
$(this).siblings('.bg-touch').removeClass('bg-yellow')
|
|||
|
|
$(this).addClass('bg-yellow')
|
|||
|
|
getInspectionList();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 点击“未接单”
|
|||
|
|
$("#btn-accept").on("touchend", function() {
|
|||
|
|
isFinish = 0
|
|||
|
|
$(this).siblings('.bg-touch').removeClass('bg-yellow')
|
|||
|
|
$(this).addClass('bg-yellow')
|
|||
|
|
getInspectionList();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 点击“已完成”
|
|||
|
|
$("#btn-finished").on("touchend", function() {
|
|||
|
|
isFinish = 3
|
|||
|
|
$(this).siblings('.bg-touch').removeClass('bg-yellow')
|
|||
|
|
$(this).addClass('bg-yellow')
|
|||
|
|
getInspectionList();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 点击“巡检中”
|
|||
|
|
$("#btn-inspecting").on("touchend", function() {
|
|||
|
|
isFinish = 2
|
|||
|
|
$(this).siblings('.bg-touch').removeClass('bg-yellow')
|
|||
|
|
$(this).addClass('bg-yellow')
|
|||
|
|
getInspectionList();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 点击“未开始”
|
|||
|
|
$("#btn-nostart").on("touchend", function() {
|
|||
|
|
isFinish = 1
|
|||
|
|
$(this).siblings('.bg-touch').removeClass('bg-yellow')
|
|||
|
|
$(this).addClass('bg-yellow')
|
|||
|
|
getInspectionList();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 点击“查询”
|
|||
|
|
$("#btn-query").on("touchend", function() {
|
|||
|
|
getInspectionList();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 点击“新增巡检任务”
|
|||
|
|
$("#create-inspection-btn").on("touchend", function() {
|
|||
|
|
//侧边栏的宽度为250
|
|||
|
|
var edge = api.winWidth * 0.2;
|
|||
|
|
(edge < 0) && (edge = 60);
|
|||
|
|
api.openDrawerLayout({
|
|||
|
|
'name': 'inspectionArrangeCreate',
|
|||
|
|
'url': 'widget://html/feature/inspectionArrangeCreate.html',
|
|||
|
|
'pageParam': {
|
|||
|
|
inspectionId: ''
|
|||
|
|
},
|
|||
|
|
'rightPane': {
|
|||
|
|
edge: edge,
|
|||
|
|
name: 'inspectionArrangeCreateRightPanel',
|
|||
|
|
url: 'widget://html/feature/inspectionArrangeCreateRightPanel.html',
|
|||
|
|
},
|
|||
|
|
})
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//监听滚动到底部事件
|
|||
|
|
// api.addEventListener({
|
|||
|
|
// name: 'scrolltobottom',
|
|||
|
|
// extra: {
|
|||
|
|
// threshold: 0 //设置距离底部多少距离时触发，默认值为0，数字类型
|
|||
|
|
// }
|
|||
|
|
// }, function(ret, err) {
|
|||
|
|
// if (!isLoading) {
|
|||
|
|
// if (currentPage >= totalPages) {
|
|||
|
|
// toast("没有更多了");
|
|||
|
|
// return;
|
|||
|
|
// } else {
|
|||
|
|
// current++;
|
|||
|
|
// getInspectionList();
|
|||
|
|
// }
|
|||
|
|
// }
|
|||
|
|
// });
|
|||
|
|
|
|||
|
|
//监听日期选择器的改变事件
|
|||
|
|
$("#ipStartTime").on("change", function() {
|
|||
|
|
startDateStr = ipStartTime.val();
|
|||
|
|
if (startDateStr && startDateStr != "") {
|
|||
|
|
lbStartTime.html(startDateStr);
|
|||
|
|
} else {
|
|||
|
|
lbStartTime.html("开始日期");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//监听日期选择器的改变事件
|
|||
|
|
$("#ipEndTime").on("change", function endDateChanged() {
|
|||
|
|
endDateStr = ipEndTime.val();
|
|||
|
|
if (endDateStr && endDateStr != "") {
|
|||
|
|
lbEndTime.html(endDateStr);
|
|||
|
|
} else {
|
|||
|
|
lbEndTime.html("结束日期");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//点击巡检单 跳转到详情页
|
|||
|
|
$("#inspectionList").on("touchend", ".inspection", function() {
|
|||
|
|
var inspectionId = $(this).data("inspection-id");
|
|||
|
|
// 根据当前点击的巡检单状态，跳转到不同页。未接单、未开始状态跳转到编辑页，其他跳转到详情页
|
|||
|
|
if (isFinish == 0 || isFinish == 1) { // 未接单、未开始
|
|||
|
|
//侧边栏的宽度为250
|
|||
|
|
var edge = api.winWidth * 0.2;
|
|||
|
|
(edge < 0) && (edge = 60);
|
|||
|
|
api.openDrawerLayout({
|
|||
|
|
'name': 'inspectionArrangeCreate',
|
|||
|
|
'url': 'widget://html/feature/inspectionArrangeCreate.html',
|
|||
|
|
'pageParam': {
|
|||
|
|
id: inspectionId
|
|||
|
|
},
|
|||
|
|
'rightPane': {
|
|||
|
|
edge: edge,
|
|||
|
|
name: 'inspectionArrangeCreateRightPanel',
|
|||
|
|
url: 'widget://html/feature/inspectionArrangeCreateRightPanel.html',
|
|||
|
|
'pageParam': {
|
|||
|
|
id: inspectionId
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
})
|
|||
|
|
} else {
|
|||
|
|
api.openWin({
|
|||
|
|
'name': 'inspectionArrangeDetail',
|
|||
|
|
'url': 'widget://html/feature/inspectionArrangeDetail.html',
|
|||
|
|
'pageParam': {
|
|||
|
|
id: inspectionId
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//下拉刷新
|
|||
|
|
// api.setRefreshHeaderInfo({
|
|||
|
|
// loadingImg: 'widget://image/refresh.png',
|
|||
|
|
// bgColor: '#ccc',
|
|||
|
|
// textColor: '#fff',
|
|||
|
|
// textDown: '下拉刷新...',
|
|||
|
|
// textUp: '松开刷新...'
|
|||
|
|
// }, function(ret, err) {
|
|||
|
|
// current = 1;
|
|||
|
|
// getInspectionList();
|
|||
|
|
// api.refreshHeaderLoadDone();
|
|||
|
|
// });
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
ctrl.init();
|
|||
|
|
}
|